如何在ul元素中取出不在js的li元素中的文本

时间:2018-01-09 13:47:20

标签: javascript

虽然我正在使用li元素的内部文本和li的内部文本,但是如果我只针对它,我怎样才能获取ul元素的精确内部文本。

我的代码: -

   <ul id="a3">
       hey
       <li id="a4">1 points again</li>
       <li id="a5">You have no points</li>
        <li id="a6"><a id="a7" href="cookie_catch.html">points review.<a>
        </li>
   </ul>

 <script>
   var el =  document.getElementById('a3'); 
   console.log(el.textContent)
 <script>

如何才能使用ul的innerText

1 个答案:

答案 0 :(得分:2)

在使用.childNodes[..]查找文本内容之前,您需要定位元素的第一个子节点:

&#13;
&#13;
var el = document.getElementById('a3');
console.log(el.childNodes[0].textContent)
&#13;
<ul id="a3">
  hey
  <li id="a4">1 points again</li>
  <li id="a5">You have no points</li>
  <li id="a6"><a id="a7" href="cookie_catch.html">points review.<a></li>
</ul>
&#13;
&#13;
&#13;