在javascript中输出childNode值

Question

我如何使用js输出带有alert()的childNode的值; 功能或创建新元素.例如..有这个:

<ul id="main">
  <li>
   <h2>Alec</h2>
   <p>NX-01</p>
   <p>command: 2151</p>
  </li>
  <li>simple</li> 
  <li>William</li>
</ul>

<script>
var element = document.getElementById("main");
var values = element.childNodes[1].nodeValue; // the text simple this i want to output
alert('the value is:' + values);
</script>

Answer 1

您可以使用其innerText属性:

var element = document.getElementById("main");
var values = element.childNodes[1].innerText;
alert('the value is:' + values);
// Alec NX-01 command: 2151

上面应该打印第一个<li>元素的所有文本内容(Alec NX-01命令:2151)

要进一步细化它并检索值Alec,请使用另一个.childNodes[1]

var element = document.getElementById("main");
var values = element.childNodes[1].childNodes[1].innerText;
alert('the value is:' + values);

// Alec