1. 程式人生 > >DOM基礎練習代碼(二)

DOM基礎練習代碼(二)

length 代碼 javascrip pretty 是否 pri nod 方法 return

上一篇給大家的三段代碼不知到大家有沒有練習呢?今天再給大家帶來兩段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基礎練習代碼(二)