HTML DOM Element innerText ominaisuus

Määrittely ja käyttö

innerText Ominaisuus asettaa tai palauttaa elementin tekstin sisällön.

Huomautus:Aseta innerText Ominaisuuden asettamisen yhteydessä kaikki alikohdat poistetaan ja korvataan yhdellä uudella tekstityökalulla.

Lisäksi katso:

textContent ominaisuus

innerHTML-ominaisuus

Esimerkki

Hanki elementin sisäinen teksti：

let text = element.innerText;

Kokeile itse

Syntaksi

Palauta elementin tai solmun tekstisisältö：

element.innerText

tai

node.innerText

Aseta elementin tai solmun tekstisisältö：

element.innerText = text

tai

node.innerText = text

Ominaisuusarvo

Arvo Kuvaus
text Elementin tekstisisältö.

Palautusarvo

Tyyppi Kuvaus
Merkkijono Elementin ja kaikkien jälkeläisten tekstisisältö, paitsi <script> ja <style> -elementit.

innerHTML, innerText ja textContent eroavat toisistaan

innerText-ominaisuus palauttaa：

Palauttaa vain elementin ja kaikkien sen jälkeläisten tekstisisällön, ei CSS:llä piilotettua tekstiä, välitilaa ja merkkejä, paitsi <script> ja <style> -elementit.

innerHTML-ominaisuus palauttaa：

Elementin tekstisisältö, mukaan lukien kaikki välit ja sisäiset HTML-merkit.

textContent-ominaisuus palauttaa：

Elementin ja kaikkien jälkeläisten tekstisisältö, sisältäen välit ja CSS:llä piilotetun tekstin, mutta ilman merkkejä.

HTML-esimerkki

<p id="myP">   Tämä elementti sisältää ylimääräistä välitilaa ja sisältää <span>span-elementin</span>.</p>

JavaScript-esimerkkejä

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

Kokeile itse

Yllä olevassa esimerkissä：

innerText-ominaisuus palauttaa：

Tämä elementti sisältää ylimääräistä välitilaa ja sisältää span-elementin.

innerHTML-ominaisuus palauttaa：

   Tämä elementti sisältää ylimääräistä välitilaa ja sisältää <span>span-elementin</span>.

textContent-ominaisuus palauttaa：

   Tämä elementti sisältää ylimääräistä välitilaa ja sisältää span-elementin.

浏览器支持

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

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