DOM基礎練習代碼(二)
阿新 • • 發佈:2018-11-25
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 <JavaScript; “復制代碼”); “查看純文本代碼”); “返回代碼高亮”)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,JavaScript; “復制代碼”); “查看純文本代碼”); “返回代碼高亮”)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基礎練習代碼(二)