A textContent tulajdonság

A textContent tulajdonság lehetővé teszi egy elem szövegének lekérését és módosítását.

Szintaxis

javascriptelement.textContent;

Példa

Jelenítsük meg az elem szövegét:

html<p id="elem">szöveg</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

A kód végrehajtásának eredménye:

javascript'szöveg'

Példa

Változtassuk meg az elem szövegét:

html<p id="elem">szöveg</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

A kód végrehajtásának eredménye:

html<p id="elem">!!!</p>

Példa

Ha az elem szövege tartalmaz címkéket, akkor a tulajdonság olvasásakor ezek a címkék nem jelennek meg:

html<p id="elem"><b>szöveg</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

A kód végrehajtásának eredménye:

javascript'szöveg'

Lásd még

  • a innerHTML tulajdonság,
    amely az elem HTML kódját tartalmazza
  • a outerHTML tulajdonság,
    amely az elem külső HTML kódját tartalmazza