Lastnost JavaScript textContent deluje za nastavitev in pridobivanje besedilne vsebine strani. Uporablja se za prenos in prikaz besedilne vsebine nekaterih informacij, oznak in velike velikosti podatkov ter njihovih vozlišč. TextContent se razlikuje od nodeValue oznake skripta in vrne vsebino iz podrejenih vozlišč več tipov podatkov.
Če je vozlišče besedilno vozlišče, navodilo za obdelavo ali opomba oznake, potem javascript textContent pridobi ali nastavi besedilo. TextContent prikazuje veriženje textContent vsakega podrejenega vozlišča. Prikazuje navodila za obdelavo in komentarje za druge vrste vozlišč.
Sintaksa
Za besedilno vsebino JavaScript sta na voljo dve sintaksi. Prva sintaksa se uporablja za nastavitev besedila vozlišča, druga sintaksa pa uporablja za pridobivanje besedila vozlišča.
Sintaksa 1:
Naslednja sintaksa se uporablja za nastavitev besedila vozlišča z besedilno vsebino.
vmesnik v Javi
Node_element.textContent = information;
Sintaksa 2:
Naslednja sintaksa uporablja besedilno vsebino za pridobitev besedila vozlišča.
Node_element.textContent;
Povratna vrednost:
- Niz vsebuje besedilo izhodnega vozlišča in njegovih podrejenih vozlišč. Izhod prikazuje ničelno vrednost, če je element dokument ali vrsta dokumenta.
- Podrejena vozlišča so nadomeščena z enim besedilnim vozliščem z uporabo niza atributa textContent. Vsebina atributa je določen niz.
Primeri
Naslednji primeri prikazujejo niz in pridobivanje različnih vrst informacij z uporabo atributa textContent.
Primer 1
Naslednji primer uporablja besedilno vsebino v javascriptu za nastavitev informacij. Podatki vozlišča prikazujejo besedilo oznak.
textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <h4> Set node information for child javascript nodes</h4> Click Here! function display() { var ele = document.getElementById('textContent_information'); ele.textContent = ' <i> JavaScript </i> <h2> Set or get the content of node </h2>'; } Izhod
Naslednja slika prikazuje nabor podatkov z uporabo vozlišča vsebine.
poveži bazo podatkov java
Primer 2
Naslednji primer za pridobivanje informacij uporablja besedilno vsebino v javascriptu. Dobimo lahko vrednost gumba funkcije klika.
textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <h4> Get node information for child javascript nodes </h4> Get node information for child javascript nodes <br> Click the Button! var text_in = document.getElementById('myData1').textContent; function fdisplay() { document.getElementById('textContent_information').textContent = text_in; } Izhod
Naslednja slika prikazuje nabor podatkov z uporabo vozlišča vsebine.
Primer 3
Naslednji primer za pridobivanje informacij uporablja besedilno vsebino v javascriptu. Dobimo lahko vrednost gumba funkcije klika.
textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <h4> Set node information for child javascript nodes </h4> Click the Button! function fdisplay() { var text_in = document.getElementById('value').textContent; document.getElementById('textContent_information').textContent = text_in; } Izhod
Naslednja slika prikazuje nabor podatkov z uporabo vozlišča vsebine.
Primer4
Naslednji primer uporablja besedilno vsebino vrednosti gumba za pridobitev in nastavitev informacij. Vrednost dobimo po kliku na gumb.
textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <p id="info"> Get node information for child javascript nodes </p> Click the Button! <br> See the value! function fdisplay() { document.getElementById('value').textContent = 'the information of the node has been changed using click function!'; var text_in = document.getElementById('info').textContent; document.getElementById('values').textContent = text_in; } Izhod
Naslednja slika prikazuje nabor podatkov z uporabo vozlišča vsebine.
Primer5
Naslednji primer uporablja za pridobivanje in nastavitev informacij z uporabo innerHtml, innerText in besedilne vsebine na vrednosti gumba. Razliko v izhodnih podatkih lahko dobimo po kliku na gumb.
textContent in JavaScript using node <h3> The textContent in JavaScript using node </h3> <p> Get node information for child javascript nodes </p> Click the innerHtml Button! Click the innerText Button! Click the textcontent Button! function fdisplay() { document.getElementById('finfo').innerHTML = ' <b> textContent in JavaScript using node </b> the information of the node has been changed using click function!'; } function sdisplay() { document.getElementById('sinfo').innerText = ' <b> textContent in JavaScript using node </b> <br> the information of the node has been changed using click function!'; } function tdisplay() { document.getElementById('tinfo').textContent = ' <b> textContent in JavaScript using node </b> <br> textContent in JavaScript using node <br> the information of the node has been changed using click function!'; } Izhod
Naslednja slika prikazuje nabor podatkov z uporabo vozlišča vsebine.
Primer 6
c++ pretvori int v niz
Naslednji primer uporablja za pridobivanje podatkov seznama in nastavitev informacij z uporabo besedilne vsebine na vrednosti gumba onclick. Dobimo lahko podatke seznama in druge informacije o oznakah.
textContent in JavaScript using node <h3> The textContent in JavaScript using node </h3> <p> Get node information for child javascript nodes </p> <ul id="students"> <li id="std1">David</li> <li id="std2">Sai</li> <li id="std3">Ruta</li> <li id="std4">Saniya</li> <li id="std5">Kevin</li> </ul> Click the textcontent Button! function tdisplay() { var students = document.getElementById('students').textContent; document.getElementById('tinfo').textContent = students; } Izhod
Naslednja slika prikazuje nabor podatkov z uporabo vozlišča vsebine.
Primer 7
Besedilna vsebina ne podpira praznih podatkov, če je informacija ali niz prazen. Prikaže prazen niz kot vrednost.
textContent in JavaScript using node <h3> The textContent in JavaScript using node </h3> <p> Get node information for child javascript nodes </p> <ul id="students"> </ul> Click the textcontent Button! function tdisplay() { var students = document.getElementById('students').textContent; console.log(students); if(students != ''){ document.getElementById('tinfo').textContent = 'child node does not available of the student parent node.'; }else{ document.getElementById('tinfo').textContent = 'child node is available of the student parent node.'; } } Izhod
Naslednja slika prikazuje pridobivanje podatkov z vozliščem besedilne vsebine.
Ključna točka besedilne vsebine v javascriptu
- Ko informacije javascript samodejno odstranijo HTML, je uporaba textContent varna.
- Besedilna vsebina in informacije vključujejo presledke in oznake notranjih elementov. Atribut innerHTML ga bo vrnil.
- Atribut innerText vrne samo besedilo brez presledkov ali oznak notranjih elementov. Lastnost textContent vrne besedilo, ki vključuje presledke, vendar izključuje oznake notranjih elementov.
- Vrednosti vseh besedilnih vozlišč v poddrevesu so združene in nastavljene za besedilno vsebino ter pridobljene iz besedilne vsebine. Če vozlišče nima otrok, je niz prazen.
- InnerText vrne besedilo, ki je človeku berljivo in zajema kateri koli CSS. Besedilno vsebino je težko prebrati, če so v podatkih uporabljene oznake html.
- Ko je lastnost nastavljena na vozlišču, so vsi njeni podrejeni elementi odstranjeni in eno samo besedilno vozlišče prevzame njegovo mesto s podano vrednostjo.
Zaključek
Besedilna vsebina prikazuje več vrst informacij. Oznaka html je zahtevala informacije in podatke seznama, prikazane z eno samo metodo.