<div>
<span></span>
<strong></strong>
<i></i>
<p></p>
<h1></h1>
</div>
<script>
Object.prototype.myChildren = function (){ //这一步是将方法放在了原型链上,放不放无所谓。
var child = this.childNodes, //child数组存储调用者的子节点
len = child.length,
arr = [];
for ( var i = 0; i < len; i++ ){
if( child[i].nodeType == 1 ){
arr.push(child[i]);
}
}
return arr;
}
var div = document.getElementsByTagName('div')[0];
console.log(div.myChildren()); //结果为五个子元素节点
</script>
以上是body部分的代码,