码迷,mamicode.com
首页 > 其他好文 > 详细

DOM基础练习代码(二)

时间:2018-11-25 11:42:05      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:style   lse   prot   toolbar   div   带来   contain   节点   今天   

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

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

 1   Element.prototype.getChildren() {
 2         var child = this.childNodes,
 3               len = child.length,
 4         obj = {
 5               ‘length’: 0,
 6               ‘push’: Array.prototype.push
 7         }
 8         for(var i = 0; i < len; i++){
 9               if(child[i].nodeType === 1) {
10                     obj.push(child[i]);
11               }
12         }
13         return obj;
14   }   

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

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

 1   Element.prototype.hasChildren = function () {
 2         var child = this.childNodes,
 3               len = child.length;
 4         for( var i = 0; i < len; i++){
 5               if(child[i].nodeType == 1) {
 6                     return true;
 7               }
 8         }
 9         return false;
10   }  

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

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

 

DOM基础练习代码(二)

标签:style   lse   prot   toolbar   div   带来   contain   节点   今天   

原文地址:https://www.cnblogs.com/pandawind/p/10014663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!