HTML DOM innerText 屬性

HTML DOM Element 對象

innerText屬性設(shè)置或返回指定節(jié)點的文本內(nèi)容。

innerText屬性可用于將動態(tài)文本寫入html文檔。在這里，文本不會被解釋為html文本，而是普通文本。

如果設(shè)置innerText屬性，則任何子節(jié)點都將被刪除，并由包含指定字符串的單個文本節(jié)點替換。

此屬性類似于textContent屬性，但是textContent返回所有元素的文本內(nèi)容，而innerText返回除<script>和<style>元素之外的所有元素的內(nèi)容。

要設(shè)置或返回元素的HTML內(nèi)容，請使用innerHTML屬性。

語法：

返回文本內(nèi)容：

HTMLElement.innerText

設(shè)置文字內(nèi)容：

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

瀏覽器兼容性

表中的數(shù)字指定了完全支持innerText屬性的第一個瀏覽器版本：

屬性
innerText	4	45	10.5	3	10

屬性值

技術(shù)細節(jié)

更多實例

此示例演示了innerText，innerHTML和textContent之間的區(qū)別：

<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屬性僅返回文本，不包含空格和內(nèi)部元素標簽。

innerHTML屬性返回帶有空格和內(nèi)部元素標簽的文本。

textContent屬性返回帶間距的文本，但不帶內(nèi)部元素標簽。

相關(guān)參考

HTML DOM參考：HTML DOM innerHTML屬性

HTML DOM參考：HTML DOM textContent屬性

HTML DOM Element 對象