这个函数为什么没有输出。。。检查了好久貌似没有问题
<!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 b=mylist.parentNode.parentNode.parentNode;//ul
var c=b.lastChild;//li
var d=c.childNode[0];//ul
var e=d.childNode;//li[]
for(i=0;i<=d.length;i++){
if(e[i].nodeType==3){
continue;
}
else{
document.write(e[i].nodeValue);
}
}
</script>
</body>
</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 b=mylist.parentNode.parentNode.parentNode;//ul
var c=b.lastChild;//li
var d=c.childNode[0];//ul
var e=d.childNode;//li[]
for(i=0;i<=d.length;i++){
if(e[i].nodeType==3){
continue;
}
else{
document.write(e[i].nodeValue);
}
}
</script>
</body>
</html>
慕数据4485210浏览 2021回答 4
4回答
-
_da
</ul></li></ul><script type="text/javascript"> var mylist = document.getElementById("tcon"); var b=mylist.parentNode.parentNode.parentNode;//ul var c=b.lastChild;//li var d=c.childNodes[0];//ul -
_da
console.log(c)你就明白了。最后是文本节点 -
逆光之羽
<!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 b=mylist.parentNode.parentNode.parentNode;//ul var c=b.lastChild.previousSibling;//li var d=c.childNodes[1];//ul var e=d.childNodes;//li[] for(i=0;i<e.length;i++){ if(e[i].nodeType==3){ continue; }else{ document.write(e[i].innerHTML); } } </script> </body> </html>不知道是不是要的这个效果js原生的子节点获取函数都有兼容性问题，不同浏览器下面子节点个数都不一样如果是在IE下的话，你那程序之所以没输出是因为从var c开始取元素就取错了再加上var d和var e取子元素的语法错误，应该是childNodes -
Caballarii
for循环里面不该用d.length
随时随地看视频慕课网APP
JavaScript
前端工具