34. Element textContent 属性

来源:互联网 发布:a2淘宝旗舰店是真的吗 编辑:程序博客网 时间:2024/05/20 19:32

实例

获得第一个 button 元素的文本内容:document.getElementsByTagName("BUTTON")[0].textContent;结果:Try it yourself
<!DOCTYPE html><html><body><p id="demo">点击按钮来获得 button 元素的文本内容。</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><b>注释:</b>Internet Explorer 8 以及更早的版本不支持此属性。</p></body></html>

定义和用法

textContent 属性设置或返回指定节点的文本内容,以及它的所有后代。

如果您设置了 textContent 属性,会删除所有子节点,并被替换为包含指定字符串的一个单独的文本节点。

提示:有时,此属性可用于取代 nodeValue 属性,但是请记住此属性同时会返回所有子节点的文本。
实例

获得列表的所有文本内容:

document.getElementById("myList).textContent;

这里写图片描述

0 0
原创粉丝点击