问答详情
源自：9-10 访问父节点parentNode

如果我只想要 HTML/CSS 这个标签的标题，而不要这个标签下的子节点内容应该怎么写呢？

<!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 parent=mylist.parentNode.parentNode.parentNode;

 //document.write(parent.nodeName+"<br/>");

var output=parent.childNodes;

document.write(output[3].innerHTML);



</script>


</body>

</html>


提问者：最爱是雪碧_球球 2018-08-09 10:50

个回答

  • Lecsap
    2019-06-13 16:16:03

    document.write(mylist.parentNode.parentNode.parentNode.lastChild.childNodes[0].nodeValue);

    0
  • 卩丬My心灵er_04192965
    2018-12-19 17:23:38

    <!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 l4 = mylist.parentNode.parentNode.parentNode.lastChild.firstChild;

       document.write(l4.nodeValue)

    </script> 


    </body>

    </html>


    0
  • 昵称是四声
    2018-08-09 15:42:35

    <li>标签是元素节点，它的value是undefined或者null，所以用value无法返回li标签中的HTML/CSS的内容。

    0