Vlastnost HTML DOM innerText
Příklad
Získejte vnitřní text prvku:
var x =
document.getElementById("myBtn").innerText;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost innerText nastavuje nebo vrací textový obsah zadaného uzlu a všech jeho potomků .
Pokud nastavíte vlastnost innerText, budou všechny podřízené uzly odstraněny a nahrazeny jedním uzlem Text obsahujícím zadaný řetězec.
Poznámka: Tato vlastnost je podobná vlastnosti textContent , existují však určité rozdíly:
- textContent vrací textový obsah všech prvků, zatímco innerText vrací obsah všech prvků kromě prvků <script> a <style>.
- innerText nevrátí text prvků, které jsou skryté pomocí CSS (textContent ano).
Tip: Chcete-li nastavit nebo vrátit obsah HTML prvku, použijte vlastnost innerHTML .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
Syntax
Vraťte textový obsah uzlu:
node.innerText
Nastavte textový obsah uzlu:
node.innerText = text
Hodnoty vlastností
Value | Type | Description |
---|---|---|
text | String | Specifies the text content of the specified node |
Technické údaje
Návratová hodnota: | Řetězec představující „renderovaný“ textový obsah uzlu a všech jeho potomků |
---|
Další příklady
Příklad
Tento příklad ukazuje některé rozdíly mezi innerText, innerHTML a textContent:
<p id="demo"> This element has extra spacing and contains <span>a span
element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML()
{
alert(document.getElementById("demo").innerHTML)
}
function
getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
Získejte obsah prvku <p> výše se zadanými vlastnostmi:
innerText vrátí: "Tento prvek má navíc mezery a obsahuje prvek span."
innerHTML vrátí: "Tento prvek má extra mezery a obsahuje <span>prvek span</span>."
textContent vrací: "Tento prvek má navíc mezery a obsahuje prvek span."
Vlastnost innerText vrací pouze text bez mezer a značek vnitřního prvku.
Vlastnost innerHTML vrací text včetně všech mezer a značek vnitřních prvků.
Vlastnost textContent vrací text s mezerami, ale bez značek vnitřních prvků.