资讯专栏INFORMATION COLUMN

DOM基础练习代码(二)

CoderStudy / 1454人阅读

摘要:上一篇给大家的三段代码不知到大家有没有练习呢今天再给大家带来两段的练习封装函数,实现功能,最好哎原型链上编程复制代码查看纯文本代码返回代码高亮封装是否有元素子节点的方法复制代码查看纯文本代码返回代码高亮上面的代码都是我自己写的,可能有些

上一篇给大家的三段代码不知到大家有没有练习呢?今天再给大家带来两段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; “复制代码”); “查看纯文本代码”); “返回代码高亮”)

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

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1510.html

相关文章

  • 【连载】前端个人文章整理-从基础到入门

    摘要:个人前端文章整理从最开始萌生写文章的想法,到着手开始写,再到现在已经一年的时间了,由于工作比较忙,更新缓慢,后面还是会继更新,现将已经写好的文章整理一个目录,方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理 从最开始萌生写文章的想法,到着手...

    madthumb 评论0 收藏0
  • JS基础入门篇( 一 )

    摘要:所以,一般放在结束标签之前。申明变量变量名以分号结束。如果一定要使用点的话,需要改变成驼峰式命名法。基础篇练习看完以上的小伙伴,可以看两个例子的效果,试着做一下。 1.JS存放在代码中的位置 1.JS写在行间 hello world 优点:直接,简单 缺点:不方便复用和维护,不符合结构行为分离规范 2.JS写在script ( 一般写在body结束标签之前 )因为JS的执行顺序...

    jsdt 评论0 收藏0
  • JS基础入门篇( 一 )

    摘要:所以,一般放在结束标签之前。申明变量变量名以分号结束。如果一定要使用点的话,需要改变成驼峰式命名法。基础篇练习看完以上的小伙伴,可以看两个例子的效果,试着做一下。 1.JS存放在代码中的位置 1.JS写在行间 hello world 优点:直接,简单 缺点:不方便复用和维护,不符合结构行为分离规范 2.JS写在script ( 一般写在body结束标签之前 )因为JS的执行顺序...

    Towers 评论0 收藏0
  • JS基础入门篇( 一 )

    摘要:所以,一般放在结束标签之前。申明变量变量名以分号结束。如果一定要使用点的话,需要改变成驼峰式命名法。基础篇练习看完以上的小伙伴,可以看两个例子的效果,试着做一下。 1.JS存放在代码中的位置 1.JS写在行间 hello world 优点:直接,简单 缺点:不方便复用和维护,不符合结构行为分离规范 2.JS写在script ( 一般写在body结束标签之前 )因为JS的执行顺序...

    longmon 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<