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

HTML DOM हेड प्रॉपर्टी

<घंटा/>

HTML DOM हेड प्रॉपर्टी HTML एलिमेंट से जुड़ी है। इसका उपयोग तत्व को वापस करने के लिए किया जाता है। यदि कई प्रमुख तत्व हैं, तो यह पहला प्रमुख तत्व लौटाएगा। यह केवल पढ़ने के लिए संपत्ति है।

सिंटैक्स

हेड प्रॉपर्टी का सिंटैक्स निम्नलिखित है -

<पूर्व>दस्तावेज़.शीर्ष

उदाहरण

आइए HTML DOM हेड प्रॉपर्टी के लिए एक उदाहरण देखें -

<शीर्षक>मेरा शीर्षक<शरीर>

प्रमुख संपत्ति का उदाहरण

पर क्लिक करके इस दस्तावेज़ का शीर्षक प्राप्त करें नीचे दिया गया बटन

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM हेड प्रॉपर्टी

"शीर्षक प्राप्त करें" बटन पर क्लिक करने पर -

HTML DOM हेड प्रॉपर्टी

उपरोक्त उदाहरण में -

हमने सबसे पहले एक तत्व बनाया है जिसमें एक <शीर्षक> तत्व है जो इस वेब पेज के लिए शीर्षक निर्दिष्ट करता है -

<शीर्षक>मेरा शीर्षक

फिर हम एक बटन "गेट टाइटल" बनाते हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getTitle () विधि को निष्पादित करेगा।

getTitle () विधि हेड एलिमेंट प्राप्त करने के लिए दस्तावेज़ हेड प्रॉपर्टी का उपयोग करती है और firstElementChild प्रॉपर्टी को अपना पहला चाइल्ड एलिमेंट प्राप्त करने के लिए जो हमारे मामले में एलिमेंट है।</P> <p> इसके बाद हम शीर्षक तत्व पर आंतरिक HTML संपत्ति का उपयोग इसके अंदर पाठ प्राप्त करने के लिए करते हैं और इसे अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करते हैं -</P> <pre>फ़ंक्शन getTitle() { var x =document.head.firstElementChild.innerHTML; document.getElementById("Sample").innerHTML ="इस दस्तावेज़ का शीर्षक है:"+x;}</pre> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005064877.html' >एचटीएमएल डोम हेडर ऑब्जेक्ट </a> <span></span> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005064879.html' >एचटीएमएल डोम हैशचेंजइवेंट </a> <i class="next"></i> <span></span> </div> </div> </div> <aside class="box-r"> <section class="small-nav rList"> <p class=h4s> HTML </p> <ul class="f-between"> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">बाश प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">IOS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">Mongodb</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySql</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li> </ul> <strong class="f-center"> <img loading='lazy' src="https://in.wsxdn.com/css/img/xiala.svg" alt=""> </strong> </section> <aside class="rList"> <p class=h4s> HTML </p> <ul> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064411.html" class="t-over" title="HTML DOM एक्सेसकुंजी संपत्ति ">HTML DOM एक्सेसकुंजी संपत्ति </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064427.html" class="t-over" title="एचटीएमएल डोम आंतरिक एचटीएमएल संपत्ति ">एचटीएमएल डोम आंतरिक एचटीएमएल संपत्ति </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064428.html" class="t-over" title="एचटीएमएल डोम आईडी संपत्ति ">एचटीएमएल डोम आईडी संपत्ति </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064550.html" class="t-over" title="HTML DOM पिछलाएलिमेंटसिबलिंग प्रॉपर्टी ">HTML DOM पिछलाएलिमेंटसिबलिंग प्रॉपर्टी </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064551.html" class="t-over" title="HTML DOM पिछलासिबलिंग प्रॉपर्टी ">HTML DOM पिछलासिबलिंग प्रॉपर्टी </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064553.html" class="t-over" title="एचटीएमएल डोम स्क्रॉलटॉप प्रॉपर्टी ">एचटीएमएल डोम स्क्रॉलटॉप प्रॉपर्टी </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064554.html" class="t-over" title="एचटीएमएल डोम स्क्रॉलबाएं संपत्ति ">एचटीएमएल डोम स्क्रॉलबाएं संपत्ति </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064558.html" class="t-over" title="एचटीएमएल डोम मालिकदस्तावेज़ संपत्ति ">एचटीएमएल डोम मालिकदस्तावेज़ संपत्ति </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064709.html" class="t-over" title="HTML DOM इनपुटएन्कोडिंग प्रॉपर्टी ">HTML DOM इनपुटएन्कोडिंग प्रॉपर्टी </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064719.html" class="t-over" title="एचटीएमएल डोम सामग्री संपादन योग्य संपत्ति है ">एचटीएमएल डोम सामग्री संपादन योग्य संपत्ति है </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064737.html" class="t-over" title="HTML DOM lastModified संपत्ति ">HTML DOM lastModified संपत्ति </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064739.html" class="t-over" title="HTML DOM lastChild प्रॉपर्टी ">HTML DOM lastChild प्रॉपर्टी </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/zw551r/1005064740.html" class="t-over" title="एचटीएमएल डोम लैंग संपत्ति ">एचटीएमएल डोम लैंग संपत्ति </a> </li> </ul> </aside> </aside> </div> <div class="container box4-2"> <div class="lanmu-list f-between"> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065354.html" class="r-over r-over-2" title="एचटीएमएल डोम ओएल ने संपत्ति को उलट दिया "> एचटीएमएल डोम ओएल ने संपत्ति को उलट दिया </a> <p> एचटीएमएल डोम ओएल ने संपत्ति सेट/रिटर्न को उलट दिया है कि सूची का क्रम अवरोही या आरोही होना चाहिए (डिफ़ॉल्ट)। निम्नलिखित वाक्य रचना है - बूलियन मान लौटाना - सही/गलत olObject.reversed सेटिंग उलट बूलियन वैल्यू के लिए olObject.reversed = booleanValue यहाँ, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं - bo </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065365.html" class="r-over r-over-2" title="HTML DOM शीर्षक टेक्स्ट प्रॉपर्टी "> HTML DOM शीर्षक टेक्स्ट प्रॉपर्टी </a> <p> HTML DOM शीर्षक टेक्स्ट गुण दस्तावेज़ के तत्व का मान सेट/रिटर्न करता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान titleElementObject.text पाठ सेट करें एक स्ट्रिंग मान के लिए titleElementObject.text = string आइए शीर्षक टेक्स्ट . का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/zw551r/1005065366.html" class="r-over r-over-2" title="एचटीएमएल डोम शीर्षक संपत्ति "> एचटीएमएल डोम शीर्षक संपत्ति </a> <p> HTML DOM शीर्षक गुण HTML तत्व की शीर्षक विशेषता के मान के अनुरूप स्ट्रिंग देता है/सेट करता है। शीर्षक मान HTML तत्व पर मँडराते समय दिखाई देता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान ElementOfHTMLObject.title शीर्षक सेट करें एक स्ट्रिंग मान के लिए ElementOfHTMLObject.title = string उ </p> </span> </div> </li> </ol> </div> </div> </div> <footer> <section class="container f-between f-align"> <a href="https://in.wsxdn.com" class="logo"> <img loading='lazy' src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर"> </a> <span class="f-end"> © कॉपीराइट <a href="https://in.wsxdn.com">https://in.wsxdn.com</a> सर्वाधिकार सुरक्षित </span> </section> </footer> </body> </html>