怎么输出<li>标签里的内容呢?

来源:9-7 节点属性

Aishah_MK

2016-09-22 11:38

代码如下:

<body>

  <ul>

     <li value=>javascript</li>

     <li>HTML/CSS</li>

     <li>jQuery</li>     

  </ul>

  <script type="text/javascript">

    var node=document.getElementsByTagName("li");

    for(var i=0;i<node.length;i++){

        document.write("节点"+(i+1)+"<br>"+"节点名称:"+node[i].nodeName+"<br>");

        document.write("节点值:"+node[i].nodeValue+"<br>");

        document.write("节点类型:"+node[i].nodeType+"<br>"+"<br>");

    }

  </script>

</body>

输出的结果是:

javascript

HTML/CSS

jQuery

节点1
节点名称:LI
节点值:null
节点类型:1

节点2
节点名称:LI
节点值:null
节点类型:1

节点3
节点名称:LI
节点值:null
节点类型:1

节点值都是null是因为获取的节点是元素节点么?那<li>是元素节点?<p>节点也是元素节点么?文本节点又怎么获取呢?根据上面代码的获取节点方式想要输出<li>标签里的内容又应该怎么写?

写回答 关注

1回答

  • qq_換個方向前進_03604091
    2016-09-22 16:13:56

    可以使用node[i].innerText 或 node[i].innerHTML

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题