為什么什么都不輸出,代碼如下,幫忙看下。想法比第一贊的同學代碼麻煩點
<!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");
?? var plist = mylist.parentNode.parentNode.nodeName;
?? for(var i= 0;i<plist.length; i++){
?? if(plist[i].getAttribute("id")==lesson4){
????? document.write(plist[i].nodeValue);
?????? }
????? ?
?????? }
?? ?
</script>
</body>
</html>
2015-10-30
題主弄錯了概念
getAttribute()和setAttribute()是獲取、設置元素節點的屬性的值。
節點有四種:1.元素節點、2.?屬性節點、3.?文本節點、4.?文檔節點
具體看 9.7節點屬性。
而var plist = mylist.parentNode.parentNode.nodeName獲得的是<li id="lesson1">的節點名,如果用document.write(plist)輸出的話應該是LI
我的做法是這樣的:
var n = mylist.parentNode.parentNode.parentNode.childNodes;
//獲取最頂層父節點的所有子節點
? ? document.write(n.length+"<br>");
? ?for(var i=0; i<n.length; ++i){
? ? // 先判斷出li的元素節點再判斷獲取元素節點ID
? ? if( n[i].nodeName == "LI" && n[i].getAttribute("id") == "lesson4"){
? ? ? ? document.write(n[i].childNodes[0].nodeValue+"<br>");
? ? }
?}
望采納!
2015-10-30
什么都不輸出
2015-10-30
什么不輸出