Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Unterschiede zwischen innerHTML-Attribut, äußeremHTML-Attribut, textContent-Attribut und innerText-Attribut_Javascript-Fähigkeiten
Das innerHTML-Attribut wird verwendet, um den HTML-Code innerhalb eines Knotens zu lesen oder festzulegen.
Wenn das äußereHTML-Attribut zum Lesen oder Festlegen von HTML-Code verwendet wird, wird der Knoten selbst einbezogen.
Das textContent-Attribut wird verwendet, um den im Knoten enthaltenen Textinhalt zu lesen oder festzulegen.
Das InnerText-Attribut und das OuterText-Attribut erhalten beim Lesen des Textinhalts des Elementknotens unterschiedliche Werte. Der Unterschied besteht darin, dass beim Festlegen des Textattributs eines Knotens das äußereText-Attribut dazu führt, dass der ursprüngliche Elementknoten durch den Textknoten ersetzt wird. Beachten Sie, dass innerText eine nicht standardmäßige Eigenschaft ist und von Firefox nicht unterstützt wird.
1.innerText ist von CSS betroffen, Textcontent hat dieses Problem nicht. Wenn beispielsweise eine CSS-Regel einen bestimmten Text verbirgt, gibt innerText diesen Text nicht zurück, Textinhalt wird aber trotzdem zurückgegeben.
2. Der von innerText zurückgegebene Text filtert Leerzeichen, Zeilenumbrüche und Eingabetasten heraus, der Textinhalt jedoch nicht
3. Das innerText-Attribut ist nicht Teil des DOM-Standards. Der Firefox-Browser stellt dieses Attribut nicht einmal bereit, während textcontent Teil des DOM-Standards ist.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle hilfreich ist, um Javascript zu lernen und sich damit vertraut zu machen.