DOM基础练习代码
Posted pandawind
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM基础练习代码相关的知识,希望对你有一定的参考价值。
上一篇给大家的三段代码不知到大家有没有练习呢?今天再给大家带来两段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 }
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 }
上面的代码都是我自己写的,可能有些地方不是最优的解法,大家看看就好~
以上是关于DOM基础练习代码的主要内容,如果未能解决你的问题,请参考以下文章