HTML DOM Element innerText egenskab
- Forrige side innerHTML
- Næste side insertAdjacentElement()
- Gå tilbage til forrige niveau HTML DOM Elements objekt
Definition og brug
innerText
Egenskaben indstiller eller returnerer elementets tekstindhold.
Bemærk:Indstilling innerText
Når egenskaben bruges, vil alle underknuder blive fjernet og erstattet af en ny tekstknude.
Se også:
Syntaks
Returner tekstindholdet for et element eller en node:
element.innerText
eller
node.innerText
Sæt tekstindholdet for et element eller en node:
element.innerText = texteller
node.innerText = textEgenskabsværdi
Værdi | Beskrivelse |
---|---|
text | Elements tekstindhold. |
Returværdi
Type | Beskrivelse |
---|---|
Streng | Elements og alle efterkommeres tekstindhold, med undtagelse af <script> og <style>-elementer. |
innerHTML, innerText og textContent-forskellen
innerText-egenskaben returnerer:
Returnerer kun tekstindholdet for elementet og alle dets efterkommere, uden CSS-skjult tekstafstand og tags, med undtagelse af <script> og <style>-elementer.
innerHTML-egenskaben returnerer:
Elements tekstindhold, herunder alle mellemrum og interne HTML-tags.
textContent-egenskaben returnerer:
Elements og alle efterkommeres tekstindhold, med mellemrum og CSS-skjult tekst, men uden tags.
HTML-eksempel
<p id="myP"> Dette element har ekstra afstand og indeholder <span>et span-element</span>.</p>
JavaScript eksempler
let text = document.getElementById("myP").innerText; let text = document.getElementById("myP").innerHTML; let text = document.getElementById("demo").textContent;
I det ovenstående eksempel:
innerText-egenskaben returnerer:
Dette elementet har ekstra afstand og indeholder et <span>span-element</span>.
innerHTML-egenskaben returnerer:
Dette elementet har ekstra afstand og indeholder <span>et span-element</span>.
textContent-egenskaben returnerer:
Dette elementet har ekstra afstand og indeholder et <span>span-element</span>.
浏览器支持
所有浏览器都支持 element.innerText
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Support | 10-11 | Support | Support | Support | Support |
- Forrige side innerHTML
- Næste side insertAdjacentElement()
- Gå tilbage til forrige niveau HTML DOM Elements objekt