Beispiel
Holen Sie sich den Textinhalt des ersten <button> Element im Dokument:
var x =
document.getElementsByTagName("BUTTON")[0].textContent;Das Ergebnis von x wird sein:
Try it Yourself »
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die textcontent - Eigenschaft legt oder gibt den Textinhalt des angegebenen Knotens, und alle seine Nachkommen.
Wenn Sie die Eigenschaft textcontent gesetzt ist , werden alle untergeordneten Knoten entfernt und durch einen einzigen Text - Knoten enthält die angegebene Zeichenfolge ersetzt.
Tipp: Manchmal kann diese Eigenschaft anstelle der verwendet wird nodeValue Eigenschaft, aber denken Sie daran , dass diese Eigenschaft den Text aller untergeordneten Knoten zurückgibt als auch.
Tipp: Zum Einstellen oder den HTML - Inhalt eines Elements zurückzukehren, verwenden Sie die Innerhtml Eigenschaft.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9.0 | Ja | Ja | Ja |
Syntax
Bringen Sie den Textinhalt eines Knotens:
node .textContentStellen Sie den Textinhalt eines Knotens:
node .textContent= text Eigenschaftswerte
| Wert | Art | Beschreibung |
|---|---|---|
| Text | Schnur | Gibt den Textinhalt des spezifizierten Knotens |
Technische Details
| Rückgabewert: | Ein String, die den Text des Knoten und alle seine Nachkommen |
|---|---|
| DOM Version | Core Level 3 Knoten Objekt |
Mehr Beispiele
Beispiel
Ändern Sie den Textinhalt eines <p> Element mit id = "Myp":
document.getElementById("demo").textContent = "Paragraph changed!"; Versuch es selber " Beispiel
Holen Sie sich alle Textinhalt eines <ul> Element mit id = „myList“:
var x = document.getElementById("myList").textContent;Der Wert von x wird sein:
Coffee Tea Versuch es selber " Beispiel
Dieses Beispiel zeigt die Unterschiede zwischen den textcontent und innerHTML- Eigenschaft:
function getText() {
var x =
document.getElementById("myList").textContent;
document.getElementById("demo").innerHTML = x;
}
function
getHTML() {
var x =
document.getElementById("myList").innerHTML;
document.getElementById("demo").innerHTML = x;
} Versuch es selber "