HTML DOM Element innerText 属性

定义和用法

innerText 属性设置或返回元素的文本内容。

注释：设置 innerText 属性时，所有子节点都将被删除并仅由一个新文本节点替换。

另请参阅：

textContent 属性

Ang property na innerHTML

Halimbawa

Makakuha ng panloob na teksto ng elemento:

let text = element.innerText;

Subukan nang personal

Pangunahing salita

I-balik ang teksto ng elemento o node:

element.innerText

o

node.innerText

I-set ang teksto ng elemento o node:

element.innerText = Text

o

node.innerText = Text

Halaga ng attribute

Halaga Paglalarawan
Text Ang teksto ng elemento.

Bilang na ibabalik

Uri Paglalarawan
String Ang teksto ng elemento at lahat ng kasunod na lahat ng elementong maliban sa mga elemento na <script> at <style>.

Mga Kaibahan ng innerHTML, innerText At textContent

Ang property na innerText ay nagbibigay ng:

Tanging binibigay ang teksto ng elemento at lahat ng kanyang mga anak na walang nakatagong teksto ng CSS, espasyo at tag, maliban sa mga elemento na <script> at <style>.

Ang property na innerHTML ay nagbibigay ng:

Ang teksto ng elemento, kasama ang lahat ng bawas at ang mga internal na HTML tag.

Ang property na textContent ay nagbibigay ng:

Ang teksto ng elemento at lahat ng kasunod na lahat ng elementong kasama ang mga bawas at nakatagong teksto ng CSS, ngunit walang taga.

Mga Halimbawa ng HTML

<p id="myP">   Ang element na ito ay may dagdag na espasyo     at naglalaman ng <span>isang span element</span>.</p>

JavaScript 实例

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

Subukan nang personal

Sa mga halimbawa sa itaas:

Ang property na innerText ay nagbibigay ng:

Ang element na ito ay may dagdag na espasyo at naglalaman ng isang span element.

Ang property na innerHTML ay nagbibigay ng:

   Ang element na ito ay may dagdag na espasyo at naglalaman ng <span>isang span element</span>.

Ang property na textContent ay nagbibigay ng:

   Ang element na ito ay may dagdag na espasyo at naglalaman ng span element.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 10-11 支持 支持 支持 支持