HTML DOM id प्रॉपर्टी HTML एलिमेंट की id को रिटर्न करने और सेट करने की अनुमति देती है।
सिंटैक्स
निम्नलिखित सिंटैक्स है −
1. id रिटर्न करना
object.id
2. id सेट करना
object.id=”value”
यहां, “value” एलिमेंट की id को दर्शाता है।
उदाहरण
आइए id प्रॉपर्टी का एक उदाहरण देखें −
<!DOCTYPE html> <html> <head> <style> p{ background-color:#347924; color:#fff; padding:8px; } .show{ margin:8px; color:#347924; font-size:18px; font-weight:bold; } </style> </head> <body> <h1>id प्रॉपर्टी उदाहरण</h1> <p id="Awesome-para">यह कुछ टेक्स्ट के साथ एक पैराग्राफ है और इस पैरा की id "Awesome-para" है</p> <button onclick="getId()">Id दिखाएं</button> <button onclick="changeId()">Id बदलें</button> <div class="show"></div> <script> function getId() { var paraId = document.querySelector('p').id; document.querySelector(".show").innerHTML = paraId; } function changeId() { document.querySelector('p').id = "ID-Changed"; document.querySelector(".show").innerHTML = 'नई id है "ID-Changed"'; } </script> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देगा −
हरे पैराग्राफ की id प्रदर्शित करने के लिए “Id दिखाएं” बटन पर क्लिक करें।
अब, हरे पैरा की id को “Awesome-para” से “ID-Changed” में बदलने के लिए “Id बदलें” बटन पर क्लिक करें −
हम “इंस्पेक्ट एलिमेंट” के तहत भी जांच सकते हैं −
