HTML DOM DD ऑब्जेक्ट

HTML DOM DD ऑब्जेक्ट HTML डॉक्यूमेंट में <dl> एलिमेंट द्वारा दर्शाई गई परिभाषा सूची (Definition list) के अंदर मौजूद <dd> एलिमेंट से जुड़ा होता है।

सिंटैक्स (Syntax)

DD ऑब्जेक्ट बनाने का सिंटैक्स:

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

उदाहरण (Example)

HTML DOM DD ऑब्जेक्ट का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h2>dd object example</h2> <p>कुछ टेक्स्ट के साथ dd एलिमेंट बनाने के लिए नीचे दिए गए बटन पर क्लिक करें</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>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

HTML DOM DD ऑब्जेक्ट

CREATE बटन पर क्लिक करने पर:

HTML DOM DD ऑब्जेक्ट

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

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

<dl id="DL1"> <dt>Mango</dt> </dl>

फिर हमने एक CREATE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर create_dd() मेथड को एक्जीक्यूट करेगा:

<button onclick="create_dd()">CREATE</button><br><br>

create_dd() मेथड डॉक्यूमेंट ऑब्जेक्ट पर createElement() मेथड का उपयोग करके एक <dd> एलिमेंट बनाता है और इसे वेरिएबल d में असाइन करता है। फिर यह createTextNode() मेथड का उपयोग करके एक टेक्स्ट नोड बनाता है और इसे वेरिएबल txt में असाइन करता है। टेक्स्ट नोड को फिर appendChild() मेथड का उपयोग करके <dd> एलिमेंट के चाइल्ड के रूप में जोड़ा जाता है।

<dd> एलिमेंट को टेक्स्ट नोड के साथ फिर appendChild() मेथड का उपयोग करके परिभाषा सूची के चाइल्ड के रूप में जोड़ा जाता है:

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); }