子和孩子之间的差异，Javaｓｃｒｉｐｔ操作DOM元素

DOM元素，孩子是DOM对象类型的子类型，包括文本之间存在的标签。子对象包括文本隐藏的标签。

要在浏览器环境中的孩子和子节点的测试一下。






在这里插入标题









函数测试（）{
var o = document.getelementbyid（联赛）；
VaR的孩子= o.children；
console.log（div1.children运行结果：）；
为（i = 0；i < child.length；i++）{
console.log（孩子{我}。tagname）；
}

console.log（）；
孩子= o.childnodes；
console.log（div1.childnodes运行结果：）；
为（i = 0；i < child.length；i++）{
console.log（孩子{我}。tagname）；
}

}

测试（）；









试验结果如下：


div1.children运行结果：
跨度

div1.childnodes运行结果：
未定义
跨度
未定义




在上述规定的子结果两定义的节点，这是nodeType = 3的文本。

如果HTML代码编写如下的风格，那么孩子和子节点的结果是不同的。









在HTML元素的测量中没有其他的区别，如文档、头部、正文和div。