獲取屬性節點問題
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
</head>
<body>
<ul id="con">
<li id="lesson1">javascript
? <ul>
????? <li id="tcon"> 基礎語法</li>
????? <li>流程控制語句</li>
????? <li>函數</li>
????? <li>事件</li>
????? <li>DOM</li>
? </ul>
</li>
<li id="lesson2">das</li>
<li id="lesson3">dadf</li>
<li id="lesson4">HTML/CSS
? <ul>
??? <li>文字</li>
??? <li>段落</li>
??? <li>表單</li>
??? <li>表格</li> ?
? </ul>
</li></ul> ?
<script? type="text/javascript">?? ?
?? var mylist = document.getElementById("tcon");
?? document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
?? var childs = mylist.parentNode.parentNode.parentNode.childNodes;
?? document.write(childs[childs.length-7].innerHTML);
?? for(var i=0;i<childs.length;i++){
?????? document.write(childs[1].getAttribute("id"));//為啥這樣就有輸出
?????? if(childs[i].getAttribute("id")=="lesson4"){//這樣程序就不走了
?????????? document.write(childs[i].innerHTML);
?????? }
?? }
</script>
</body>
</html>
2016-08-25
因為childs[i].getAttribute("id")當i=0時，childs[0]是#text沒有id這個屬性，所有就不繼續運行了
2016-08-25
for(var?i=0;i<childs.length;i++){ ???????if?(childs[i].nodeType?==?1)?{//過濾掉#text ???????????if?(childs[i].getAttribute("id")?==?"lesson4")?{//這樣程序就不走了 ???????????????document.write(childs[i].innerHTML); ???????????} ???????} ???}