HTML DOM हेड प्रॉपर्टी HTML
एलिमेंट से जुड़ी है। इसका उपयोग तत्व को वापस करने के लिए किया जाता है। यदि कई प्रमुख तत्व हैं, तो यह पहला प्रमुख तत्व लौटाएगा। यह केवल पढ़ने के लिए संपत्ति है।सिंटैक्स
हेड प्रॉपर्टी का सिंटैक्स निम्नलिखित है -
<पूर्व>दस्तावेज़.शीर्षउदाहरण
आइए HTML DOM हेड प्रॉपर्टी के लिए एक उदाहरण देखें -
<शीर्षक>मेरा शीर्षक<शरीर>प्रमुख संपत्ति का उदाहरण
पर क्लिक करके इस दस्तावेज़ का शीर्षक प्राप्त करें नीचे दिया गया बटन
आउटपुट
यह निम्नलिखित आउटपुट देगा -
"शीर्षक प्राप्त करें" बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले एक
तत्व बनाया है जिसमें एक <शीर्षक> तत्व है जो इस वेब पेज के लिए शीर्षक निर्दिष्ट करता है -<शीर्षक>मेरा शीर्षक
फिर हम एक बटन "गेट टाइटल" बनाते हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getTitle () विधि को निष्पादित करेगा।
getTitle () विधि हेड एलिमेंट प्राप्त करने के लिए दस्तावेज़ हेड प्रॉपर्टी का उपयोग करती है और firstElementChild प्रॉपर्टी को अपना पहला चाइल्ड एलिमेंट प्राप्त करने के लिए जो हमारे मामले में
इसके बाद हम शीर्षक तत्व पर आंतरिक HTML संपत्ति का उपयोग इसके अंदर पाठ प्राप्त करने के लिए करते हैं और इसे अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करते हैं -
फ़ंक्शन getTitle() { var x =document.head.firstElementChild.innerHTML; document.getElementById("Sample").innerHTML ="इस दस्तावेज़ का शीर्षक है:"+x;}