DOM之习题练习

1、封装函数,返回元素e的第n层祖先元素节点

重点代码:

运行结果:

DOM之习题练习_第1张图片

2、封装函数,返回元素e的第n个兄弟元素节点,n为正,返回后面的兄弟元素节点,n为负,返回前面的,n为0,返回自己。
    

运行结果:

DOM之习题练习_第2张图片

3、编辑函数,封装myChildren功能,解决以前部分浏览器的兼容性问题

abc

运行结果:

DOM之习题练习_第3张图片

4、自己封装hasChildren()方法,不可以用children属性:

5、封装函数insertAfter();功能类似insertBefore();
    // 提示:可忽略老版本浏览器,直接在Element.prototype上编程,因为在原型链上编程this可以指代任何你想调用的对象。

 

// 思路:将一个数插入到另一个数后面,可以转换为将这个数插入到那个数后面的数的前面,如果插入的位置是最后一位则用appendChild判断一下

DOM之习题练习_第4张图片

你可能感兴趣的:(前端,JavaScript)