Својство ЈаваСцрипт тектЦонтент ради за постављање и добијање текстуалног садржаја странице. Користи се за прослеђивање и приказ текстуалног садржаја неких информација, ознака и велике величине података и њихових чворова. ТектЦонтент варира од нодеВалуе ознаке скрипте и враћа садржај из подређених чворова више типова података.
Ако је чвор текстуални чвор, инструкција за обраду или примедба ознаке, онда јавасцрипт тектЦонтент добија или поставља текст. ТектЦонтент приказује конкатенацију тектЦонтент сваког подређеног чвора. Приказује упутства за обраду и коментаре другим типовима чворова.
Синтакса
Постоје две доступне синтаксе за садржај ЈаваСцрипт текста. Прва синтакса користи за постављање текста чвора, а друга синтакса за преузимање текста чвора.
Синтакса 1:
Следећа синтакса се користи за постављање текста чвора користећи текстуални садржај.
абецедни број
Node_element.textContent = information;
Синтакса 2:
Следећа синтакса користи текстуални садржај да би добила текст чвора.
Node_element.textContent;
Повратна вредност:
- Стринг садржи текст излазног чвора и његовог подређеног чвора. Излаз показује нулту вредност ако је елемент документ или тип документа.
- Подређени чворови су замењени једним Тект чвором користећи скуп атрибута тектЦонтент. Атрибут има специфичан низ као садржај.
Примери
Следећи примери приказују скуп и добијају различите врсте информација помоћу атрибута тектЦонтент.
Пример 1
Следећи пример користи текстуални садржај у јавасцрипт-у за постављање информација. Подаци о чвору приказују текст ознака.
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>'; }
Излаз
Следећа слика приказује скуп података помоћу чвора садржаја.
цхирањееви глумац
Пример 2
Следећи пример користи текстуални садржај у јавасцрипт-у за добијање информација. Можемо добити вредност дугмета функције клика.
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; }
Излаз
Следећа слика приказује скуп података помоћу чвора садржаја.
Пример 3
Следећи пример користи текстуални садржај у јавасцрипт-у за добијање информација. Можемо добити вредност дугмета функције клика.
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; }
Излаз
Следећа слика приказује скуп података помоћу чвора садржаја.
Пример4
Следећи пример користи текстуални садржај на вредности дугмета за добијање и подешавање информација. Можемо добити вредност након клика на дугме.
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; }
Излаз
Следећа слика приказује скуп података помоћу чвора садржаја.
Пример5
колико је 25 од 100
Следећи пример користи за добијање и подешавање информација користећи иннерХтмл, иннерТект и текстуални садржај на вредности дугмета. Можемо добити разлику у излазним подацима након клика на дугме.
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!'; }
Излаз
Следећа слика приказује скуп података помоћу чвора садржаја.
Пример 6
Следећи пример користи за добијање података листе и постављање информација користећи текстуални садржај на вредности дугмета онцлицк. Можемо добити податке са листе и друге информације о ознакама.
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; }
Излаз
Следећа слика приказује скуп података помоћу чвора садржаја.
Пример 7
Текстуални садржај не подржава празне податке ако је информација или стринг празан. Приказује празан стринг као вредност.
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.'; } }
Излаз
Следећа слика приказује добијање података помоћу чвора текстуалног садржаја.
Кључна тачка текстуалног садржаја у јавасцрипт-у
- Када јавасцрипт информације аутоматски уклањају ХТМЛ, онда је коришћење тектЦонтент безбедно.
- Садржај и информације текста укључују размаке и ознаке унутрашњег елемента. Атрибут иннерХТМЛ ће га вратити.
- Атрибут иннерТект враћа само текст без размака или ознака унутрашњих елемената. Својство тектЦонтент враћа текст који укључује размаке, али искључује ознаке унутрашњих елемената.
- Вредности свих текстуалних чворова у подстаблу се комбинују и постављају за текстуални садржај и добијају из текстуалног садржаја. Ако чвор нема деце, стринг је празан.
- ИннерТект враћа текст који је читљив за људе и узима у било који ЦСС. Текстуални садржај је тешко читати када се у подацима користе хтмл ознаке.
- Када је својство постављено на чвору, сви његови потомци се уклањају, а један текстуални чвор заузима његово место са наведеном вредношћу.
Закључак
Текстуални садржај приказује више врста информација. хтмл таг захтева информације и листу података приказаних помоћу једног метода.