एचटीएमएल डोम डीडी ऑब्जेक्ट

<घंटा/>

HTML DOM DD ऑब्जेक्ट HTML दस्तावेज़ में

तत्व से संबद्ध है।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

डीडी ऑब्जेक्ट बनाना -

var p = document.createElement("DD");

उदाहरण

आइए HTML DOM DD ऑब्जेक्ट के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h2>dd object example</h2>
<p>Click the button below to create a dd element with some text in it</p>
<button onclick="create_dd()">CREATE</button><br><br>
<dl id="DL1">
<dt>Mango</dt>
</dl>
<script>
   function create_dd() {
      var d = document.createElement("DD");
      var txt = document.createTextNode("Mango is called the king of fruits.");
      d.appendChild(txt);
      var ele= document.getElementById("DL1");
      ele.appendChild(d);
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम डीडी ऑब्जेक्ट

क्रिएट बटन पर क्लिक करने पर -

एचटीएमएल डोम डीडी ऑब्जेक्ट

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

हमने "DL1" आईडी के साथ एक परिभाषा सूची बनाई है। इसके अंदर एक

तत्व है - <dl id="DL1"> <dt>Mango</dt> </dl> फिर हमने एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर create_dd () विधि को निष्पादित करेगा - <button onclick="create_dd()">CREATE</button><br><br> create_dd () विधि दस्तावेज़ ऑब्जेक्ट पर createElement () विधि का उपयोग करके एक

तत्व बनाती है और इसे वेरिएबल d को असाइन करती है। यह तब createTextNode () विधि का उपयोग करके एक टेक्स्ट नोड बनाता है और इसे वेरिएबल txt को असाइन करता है। इसके बाद टेक्स्ट नोड को

एलिमेंट के चाइल्ड के रूप में एपेंड चाइल्ड () विधि का उपयोग करके जोड़ा जाता है।

टेक्स्ट नोड के साथ

तत्व को फिर से एपेंड चाइल्ड () विधि का उपयोग करके परिभाषा सूची के बच्चे के रूप में जोड़ा जाता है-

function create_dd() {
   var d = document.createElement("DD");
   var txt = document.createTextNode("Mango is called the king of fruits.");
   d.appendChild(txt);
   var ele= document.getElementById("DL1");
   ele.appendChild(d);
}