HTML DOM Element innerText attribute

Definition and Usage

innerText The attribute sets or returns the text content of the element.

Note:Setting innerText When the attribute is set, all child nodes will be deleted and replaced by a single new text node.

Please see also:

textContent attribute

Η ιδιότητα innerHTML

Παράδειγμα

Προσέγγιση του εσωτερικού κειμένου του στοιχείου:

let text = element.innerText;

Δοκιμάστε το προσωπικά

Γραμματική

Επιστροφή του κειμένου του στοιχείου ή του κόμβου:

στοιχείο.innerText

ή

node.innerText

Ρύθμιση του κειμένου του στοιχείου ή του κόμβου:

στοιχείο.innerText = text

ή

node.innerText = text

Τιμή ιδιότητας

Τιμή Περιγραφή
text Ο κείμενος περιεχόμενος του στοιχείου.

Επιστροφή τιμής

Τύπος Περιγραφή
String Ο κείμενος περιεχόμενος των στοιχείων και όλων των απογόνων τους, εκτός από τα στοιχεία <script> και <style>.

Η διαφορά μεταξύ innerHTML, innerText και textContent

Η ιδιότητα innerText επιστρέφει:

Επιστρέφει μόνο το κείμενο του στοιχείου και όλων των απογόνων του, χωρίς κρυμμένο κείμενο CSS και κενά, εκτός από τα στοιχεία <script> και <style>.

Η ιδιότητα innerHTML επιστρέφει:

Ο κείμενος περιεχόμενος του στοιχείου, συμπεριλαμβανομένων όλων των κενών και των εσωτερικών HTML ετικετών.

Η ιδιότητα textContent επιστρέφει:

Ο κείμενος περιεχόμενος των στοιχείων και όλων των απογόνων τους, με κενά και κρυμμένο κείμενο CSS, αλλά χωρίς ετικέτες.

Παράδειγμα HTML

<p id="myP">   Αυτό το στοιχείο έχει επιπλέον κενά     και περιέχει <span>ένα στοιχείο span</span>.</p>

Παράδειγμα JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

Δοκιμάστε το προσωπικά

Στο παρακάτω παράδειγμα:

Η ιδιότητα innerText επιστρέφει:

Αυτό το στοιχείο έχει επιπλέον κενά και περιέχει ένα στοιχείο span.

Η ιδιότητα innerHTML επιστρέφει:

   Αυτό το στοιχείο έχει επιπλέον κενά και περιέχει <span>ένα στοιχείο span</span>.

Η ιδιότητα textContent επιστρέφει:

   Αυτό το στοιχείο έχει επιπλέον κενά και περιέχει ένα στοιχείο span.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 10-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη