<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM</title>
</head>
<body>
<ul id="1">
<li id="1,1">1,1</li>
<li id="1,2">1,2</li>
<ul id="2">
<li id="2,1">2,1</li>
<li id="2,2">2,2</li>
<ul id="3">
<li id="3,1">3,1</li>
<li id="3,2">3,2</li>
</ul>
</ul>
</ul>
<ul id="a">
<li id="a,1">a,1</li>
<li id="a,2">a,2</li>
</ul>
</body>
</html>
运行效果如下:
<script>
var arr1 = document.getElementById("1");
var arr2 = document.getElementById("a");
document.write(arr2.childNodes.length);
document.write("<br/>");
document.write(arr2.childNodes[1].innerText);
document.write("<br/>");
arr2.childNodes[3].innerText="dssd";
arr1.parentNode.setAttribute("style","color: crimson;");
document.write(arr1.textContent);
document.write(arr1.innerHTML);
document.write(arr1.innerText);
</script>
运行效果如下: