为了账号安全,请及时绑定邮箱和手机立即绑定

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

代码如下:

<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 回答

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

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信