                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

子节点数组不具有数组的特性?，如arr.shift()这个方法？

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<h1>javascript</h1>

<h1>jquery</h1>

</div>

function clearText() {

var content=document.getElementById("content");

var otest=content.childNodes;

//var n=otest.length;

//for(i=0;i<n;i++){

//实现点击一次，只删除一个节点的效果

if(otest[0].nodeType==1){

content.removeChild(otest[0])

}else{

otest.shift();//这个方法不行，是不是意味着子节点数组不具有数组的特性?，如arr.shift()这个方法？

content.removeChild(otest[0]);

}

//document.write(renode.innerHTML+"<br>");

//}

}

</script>

<button onclick="clearText()">清除节点内容</button>

</body>

</html>

Dberglas

2016-07-15

源自：JavaScript进阶篇 9-14

关注问题我要回答

660

操作

收起

5 回答

慕粉3473542 回答被采纳 +3 积分
2016-07-18

我觉得可以这么理解。更准确的说它和数组碰巧都有length属性，而不是说集合有数组的length属性。var str="test";test.length＝＝4. 你看，字符串也有length属性，字符串并不是数组，length属性也不是数组独有的。

0 回复有任何疑惑可以回复我~

收起回答

Dberglas 提问者

这样比较好理解

2016-07-21 回复有任何疑惑可以回复我~

慕移动9181930
2022-03-26

你看看你分号是不是打错了要在英文状态下打j s 中没有这种用法。。

0 回复有任何疑惑可以回复我~

收起回答

慕粉3473542
2016-07-17

这是Chrome debug tool 的运行结果，相信看了你就明白了：

var div=document.getElementById("container")
var children=div.childNodes
/＊以下代码表明children 对象的构造函数是NodeList,而arr对象的构造函数是Array。
也就是说arr是数组而children不是＊／
children.constructor
NodeList() { [native code] }
var arr=[1,1,1]
arr.constructor
Array() { [native code] }

如果你要删除children的第一个对象，直接children[0].remove() 即可

0 回复有任何疑惑可以回复我~

收起回答

Dberglas 提问者

它是一个集合，具有数组的个别特性，但不是数组，是这样吗

2016-07-18 回复有任何疑惑可以回复我~