Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM textContent प्रॉपर्टी


HTML DOM textContent प्रॉपर्टी नोड और उसके सभी चाइल्ड नोड्स के टेक्स्ट (व्हाइटस्पेस सहित) को दर्शाने वाला स्ट्रिंग लौटाती या सेट करती है।

सिंटैक्स

Node.textContent

लौटाए गए मान

  • डॉक्यूमेंट नोड्स के लिए 'Null'
  • निर्दिष्ट नोड और उसके सभी चाइल्ड नोड्स का टेक्स्ट

मान सेट करना

Node.textContent = string

नोट: HTML DOM textContent प्रॉपर्टी नोड और चाइल्ड नोड्स के टेक्स्ट को एक ही टेक्स्ट स्ट्रिंग के रूप में सेट करती है।

उदाहरण

<!DOCTYPE html> <html> <head> <title>HTML DOM textContent</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    ul{       width: 30%;       margin: 0 auto;    } </style> </head> <body>    <form>         <fieldset>            <legend>HTML-DOM-textContent</legend>            <h3>Students</h3>            <ul>               <li>Adam</li>               <li>Alex</li>               <li>Bina</li>               <li>Eden</li>               <li>Rajesh</li>               <li>Zampa</li>             </ul>            <input type="button" onclick="checkForBina()" value="Confirm for Bina">            <div id="divDisplay"></div>         </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var studentList = document.getElementsByTagName("li");    var status = 'not Present';    function checkForBina() {       for(var i=0; i<studentList.length; i++){          if(studentList[i].childNodes[0].textContent === 'Bina'){             status = 'Present';             break;          }     }     divDisplay.textContent = 'Bina is '+status;    } </script> </body> </html>

आउटपुट

'Confirm for Bina' बटन पर क्लिक करने से पहले -

HTML DOM textContent प्रॉपर्टी

'Confirm for Bina' बटन पर क्लिक करने के बाद -

HTML DOM textContent प्रॉपर्टी


  1. HTML DOM offsetWidth प्रॉपर्टी HTML DOM offsetWidth प्रॉपर्टी

    HTML DOM offsetWidth प्रॉपर्टी किसी एलिमेंट की चौड़ाई को पिक्सेल में लौटाती है, जिसमें पैडिंग, बॉर्डर और स्क्रॉलबार शामिल होते हैं, लेकिन मार्जिन नहीं। सिंटैक्स HTMLelement.offsetWidth उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM offsetHeight</title> <style&

  1. HTML DOM offsetParent प्रॉपर्टी HTML DOM offsetParent प्रॉपर्टी

    HTML DOM offsetParent प्रॉपर्टी उस पैरेंट एलिमेंट का रेफरेंस लौटाती है जिससे चाइल्ड ऑफसेट परिभाषित होते हैं। सिंटैक्स HTMLelement.offsetParent उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM offsetParent</title> <style type="text/css">    

  1. HTML DOM title प्रॉपर्टी HTML DOM title प्रॉपर्टी

    HTML DOM title प्रॉपर्टी HTML एलिमेंट के title एट्रिब्यूट के मान को दर्शाने वाला स्ट्रिंग लौटाती या सेट करती है। title मान तब दिखाई देता है जब HTML एलिमेंट पर होवर किया जाता है। सिंटैक्स ElementOfHTMLObject.title मान सेट करना ElementOfHTMLObject.title = string उदाहरण <!DOCTYPE html> <html&