                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

關于父節(jié)點parentNode

<script??type="text/javascript">????
???var?mylist?=?document.getElementById("tcon");?
???document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
</script>

代碼有毛病嗎，為啥運行結果是那個樣

代碼有毛病嗎老鐵們

可樂要加冰Xx

2017-08-29

源自：JavaScript進階篇 9-10

關注問題我要回答

1664

操作

收起

6 回答

愛上慕婉清6262634
2017-09-26

1，你的那個<script??type="text/javascript">? ?上面最近的那個</li></ul>是換過行的，那里會存在一個節(jié)點，這個節(jié)點是你的js代碼中指向的最后一個節(jié)點

2,? document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

? ? ? 第一條存在的那個節(jié)點是空白節(jié)點，所以返回一個undefined

0 回復有任何疑惑可以回復我~

收起回答

慕粉3531781
2017-09-12

你是不是在哪里換行了什么的?? 最好重置一下代碼然后再按要求把document.write語句寫上去

0 回復有任何疑惑可以回復我~

收起回答

#1

可樂要加冰Xx 提問者

重新打了好幾次了還是這樣

2017-09-12 回復有任何疑惑可以回復我~

可樂要加冰Xx 提問者
2017-09-11

<!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>函數(shù)</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);
</script>?
</body>
</html>

這是代碼

0 回復有任何疑惑可以回復我~

收起回答