HTML DOM textContent 属性

获取第一个按钮元素的文本内容：

<p id="demo">单击按钮获取按钮元素的文本内容</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var c = document.getElementsByTagName("BUTTON")[0];
    var x = document.getElementById("demo");
    x.innerHTML = c.textContent;
  }
</script>
<p><strong>注意:</strong> Internet Explorer 8 及更早版本不支持textContent属性。</p>

尝试一下 »

定义和用法

textContent 属性设置或者返回指定节点的文本内容。

如果你设置了 textContent 属性, 任何的子节点会被移除及被指定的字符串的文本节点替换。

提示： 某些时候 textContent 属性可以被 nodeValue 属性取代，但是请记住这个属性同样可以返回所有子节点的文本。

获取所有列表的文本内容：

<ul id="myList">
  <li id="item1">Coffee</li>
  <li id="item2">Tea</li>
</ul>
<p id="demo">单击按钮获取列表元素的文本内容</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var lst = document.getElementById("myList");
    var x = document.getElementById("demo");
    x.innerHTML = lst.textContent;
  }
</script>
<p><strong>注意:</strong>Internet Explorer 8及更早的版本不支持textContent属性。</p>
<p><strong>注意:</strong>文本内容包括所有子节点的文本。</p>

尝试一下 »