HTML DOM Element innerText eigenschap

Definitie en gebruik

innerText De eigenschap stelt in of retourneert de tekstinhoud van het element.

Opmerking:Instellen innerText Wanneer de eigenschap wordt ingesteld, worden alle subnodes verwijderd en wordt er een nieuwe tekstnode vervangen.

Zie ook:

textContent eigenschap

innerHTML-eigenschap

Voorbeeld

Haal de interne tekst van het element op:

let text = element.innerText;

Probeer het zelf uit

Syntaxis

Retourneer de tekstinhoud van een element of node:

element.innerText

of

node.innerText

Stel de tekstinhoud van een element of node in:

element.innerText = text

of

node.innerText = text

Eigenschapswaarde

Waarde Beschrijving
text Tekstinhoud van het element.

Retourneerwaarde

Type Beschrijving
String Tekstinhoud van het element en alle afstammelingen, behalve voor <script> en <style>-elementen.

Het verschil tussen innerHTML, innerText en textContent

innerText-eigenschap retourneert:

Retourneert alleen de tekstinhoud van het element en alle subelementen, zonder verborgen CSS-ruimte en tags, behalve voor <script> en <style>-elementen.

innerHTML-eigenschap retourneert:

Tekstinhoud van het element, inclusief alle witruimte en interne HTML-tags.

textContent-eigenschap retourneert:

Tekstinhoud van het element en alle afstammelingen, inclusief witruimte en verborgen CSS-tekst, maar zonder tags.

HTML voorbeeld

<p id="myP">   Dit element heeft extra spacing     en bevat <span>een span-element</span>.</p>

JavaScript examples

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

Probeer het zelf uit

In het bovenstaande voorbeeld:

innerText-eigenschap retourneert:

Dit element heeft extra spacing en bevat een span-element.

innerHTML-eigenschap retourneert:

   Dit element heeft extra spacing en bevat <span>een span-element</span>.

textContent-eigenschap retourneert:

   Dit element heeft extra spacing en bevat een span-element.

浏览器支持

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 10-11 Support Support Support Support