innerText属性设置或返回指定节点的文本内容。
innerText属性可用于将动态文本写入html文档。在这里,文本不会被解释为html文本,而是普通文本。
如果设置innerText属性,则任何子节点都将被删除,并由包含指定字符串的单个文本节点替换。
此属性类似于textContent属性,但是textContent返回所有元素的文本内容,而innerText返回除<script>和<style>元素之外的所有元素的内容。
要设置或返回元素的HTML内容,请使用innerHTML属性。
返回文本内容:
HTMLElement.innerText
设置文字内容:
HTMLElement.innerText = text
document.getElementById("para").innerText = "Hello world";测试看看‹/›
表中的数字指定了完全支持innerText属性的第一个浏览器版本:
属性 | |||||
innerText | 4 | 45 | 10.5 | 3 | 10 |
值 | 描述 |
---|---|
text | 指定元素的文本内容 |
返回值: | 表示元素的呈现文本内容的字符串 |
---|---|
DOM版本: | DOM级别1 |
此示例演示了innerText,innerHTML和textContent之间的区别:
<p id="x">该元素具有额外的间距,并包含一个 <span>span 元素</span>.</p> <script> function getInnerText() { alert(document.getElementById("x").innerText); } function getInnerHTML() { alert(document.getElementById("x").innerHTML); } function getTextContent() { alert(document.getElementById("x").textContent); } </script>测试看看‹/›
innerText属性仅返回文本,不包含空格和内部元素标签。
innerHTML属性返回带有空格和内部元素标签的文本。
textContent属性返回带间距的文本,但不带内部元素标签。
HTML DOM参考:HTML DOM innerHTML属性
HTML DOM参考:HTML DOM textContent属性