Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Unterschiede zwischen innerHTML-Attribut, äußeremHTML-Attribut, textContent-Attribut und innerText-Attribut_Javascript-Fähigkeiten

Detaillierte Erläuterung der Unterschiede zwischen innerHTML-Attribut, äußeremHTML-Attribut, textContent-Attribut und innerText-Attribut_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:09:39
Original
1677 Leute haben es durchsucht

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage