<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Dom</title>
</head>
<body>
<h2>運行該代碼以后．你會發現在IE里彈出3．在FF里彈出7．</h2>
<ol id="list">
<li>html</li>
<li>css</li>
<li>dom</li>
</ol>
<script>
var list = document.getElementById("list");
var list_child = list.childNodes; //獲取ol中所有的子元素
alert("ol中共有"+list_child.length+"個元素,分別是");
for(var i = 0; i<list_child.length; i++){
alert(list_child[i].tagName);
}
</script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Dom</title>
</head>
<body>
<h2>運行該代碼以后．你會發現在IE,FF,Chrome里返回的結果一樣了．</h2>
<ol id="list">
<li>html</li>
<li>css</li>
<li>dom</li>
</ol>
<script>
function Del_space(elem){ //過濾空格的函數
var elem_child = elem.childNodes; //獲取所有子元素
for(var i = 0;i<elem_child.length;i++){
//如果是文本節點，并且內容只包含空格則刪除該節點
if(elem_child[i].nodeName == "#text" && ! //S/.test(elem_child[i].nodeValue)){
elem.removeChild(elem_child[i]);//如果該元素為空格則刪除
}
}
}
Del_space(document.getElementById("list")); //刪除ol中的所有空格
var list = document.getElementById("list");
var list_child = list.childNodes; //獲取ol中所有的子元素
for(var i=0;i<list_child.length;i++){
alert(list_child[i].tagName);
}
</script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Dom</title>
</head>
<body>
<h2>運行該代碼以后．你會發現在IE,FF,Chrome里返回的結果一樣了．</h2>
<ol id="list">
<li>html</li>
<li>css</li>
<li>dom</li>
</ol>
<script>
for(var x=0,list_li = document.getElementById('list').childNodes; x<list_li.length; x++){
if(list_li[x].nodeType == 1){
alert(list_li[x].tagName);
}
}
</script>
</body>
</html>
