DOM基础练习代码（二）

上一篇给大家的三段代码不知到大家有没有练习呢？今天再给大家带来两段DOM的练习！

4.封装函数，实现children功能，最好哎原型链上编程

   Element.prototype.getChildren() {

         var child = this.childNodes,

               len = child.length,

         obj = {

               ‘length’: 0,

               ‘push’: Array.prototype.push

         }

         for(var i = 0; i < len; i++){

               if(child[i].nodeType === 1) {

                     obj.push(child[i]);

               }

         }

         return obj;

   }

JavaScript; “复制代码”); “查看纯文本代码”); “返回代码高亮”)

5.封装是否有元素子节点的方法

   Element.prototype.hasChildren = function () {

         var child = this.childNodes,

               len = child.length;

         for( var i = 0; i < len; i++){

               if(child[i].nodeType == 1) {

                     return true;

               }

         }

         return false;

   }

JavaScript; “复制代码”); “查看纯文本代码”); “返回代码高亮”)

上面的代码都是我自己写的，可能有些地方不是最优的解法，大家看看就好~

巴特西

DOM基础练习代码（二）

最新文章

热门文章