Atrybut innerText DOM Element HTML
- Poprzednia strona innerHTML
- Następna strona insertAdjacentElement()
- Wróć do poprzedniego poziomu Obiekt Elements DOM HTML
Definicja i użycie
innerText
Atrybut ustawia lub zwraca tekst zawartości elementu.
Uwaga:Ustawienie innerText
Kiedy ustawiasz atrybut, wszystkie podузnaki zostaną usunięte i zastąpione jednym nowym węzłem tekstowym.
Zobacz również:
Gramatyka
Zwróć tekst elementu lub węzła:
element.innerText
lub
node.innerText
Ustaw tekst elementu lub węzła:
element.innerText = textlub
node.innerText = textWartość atrybutu
Wartość | Opis |
---|---|
text | Tekst zawarty w elemencie. |
Zwracana wartość
Typ | Opis |
---|---|
Ciąg znaków | Tekst zawarty w elemencie i wszystkich potomkach, oprócz elementów <script> i <style>. |
Różnica między innerHTML, innerText i textContent
innerText atrybut zwraca:
Zwraca tylko tekst zawarty w elemencie i wszystkich jego potomkach, bez ukrytego tekstu CSS, odstępów i znaczników, oprócz elementów <script> i <style>.
innerHTML atrybut zwraca:
Tekst zawarty w elemencie, w tym wszystkie puste miejsca i wewnętrzne znaczniki HTML.
textContent atrybut zwraca:
Tekst zawarty w elemencie i wszystkich potomkach, z pustymi miejscami i ukrytym tekstem CSS, ale bez znaczników.
Przykład HTML
<p id="myP"> Ten element ma dodatkowe odstępy i zawiera <span>element <span>span</span></span>.</p>
Przykłady JavaScript
let text = document.getElementById("myP").innerText; let text = document.getElementById("myP").innerHTML; let text = document.getElementById("demo").textContent;
W powyższym przykładzie:
innerText atrybut zwraca:
Ten element ma dodatkowe odstępy i zawiera element <span>span</span>.
innerHTML atrybut zwraca:
Ten element ma dodatkowe odstępy i zawiera <span>element <span>span</span></span>.
textContent atrybut zwraca:
Ten element ma dodatkowe odstępy i zawiera element <span>span</span>.
浏览器支持
所有浏览器都支持 element.innerText
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Wspieraj | 10-11 | Wspieraj | Wspieraj | Wspieraj | Wspieraj |
- Poprzednia strona innerHTML
- Następna strona insertAdjacentElement()
- Wróć do poprzedniego poziomu Obiekt Elements DOM HTML