HTML DOM DT ऑब्जेक्ट HTML
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैDT ऑब्जेक्ट बनाना -
var p = document.createElement("DT"); उदाहरण
आइए HTML DOM DT ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h2>DT object example</h2>
<p>Create a DT element inside a DL by clicking the below button</p>
<button onclick="createDT()">CREATE</button>
<script>
function createDT() {
var Desc = document.createElement("DL");
var DesT = document.createElement("DT");
var tn= document.createTextNode("Mango");
DesT.appendChild(tn);
var data = document.createElement("DD");
var tn1 = document.createTextNode("Mango is the king of fruits");
data.appendChild(tn1);
document.body.appendChild(Desc);
Desc.appendChild(DesT);
Desc.appendChild(data);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर createDT () विधि को निष्पादित करेगा -
<button onclick="createDT()">CREATE</button>
createDT () विधि दस्तावेज़ ऑब्जेक्ट की createElement () विधि का उपयोग करके एक
- ,
- और
- तत्व बनाती है और तत्वों को क्रमशः Desc, DesT और डेटा चर को असाइन करती है। फिर हम createTextNode () विधि का उपयोग करके
- और
- तत्व के लिए टेक्स्ट नोड बनाते हैं और उन्हें अपने संबंधित तत्वों में appendChild () विधि का उपयोग करके जोड़ते हैं।
अंत में, हम
- तत्व को
- तत्व में जोड़ते हैं। तब
- तत्व को
- और
- तत्व के साथ संलग्न किया जाता है, परिशिष्ट चाइल्ड () विधि का उपयोग करके दस्तावेज़ निकाय में -
function createDT() { var Desc = document.createElement("DL"); var DesT = document.createElement("DT"); var tn= document.createTextNode("Mango"); DesT.appendChild(tn); var data = document.createElement("DD"); var tn1 = document.createTextNode("Mango is the king of fruits"); data.appendChild(tn1); document.body.appendChild(Desc); Desc.appendChild(DesT); Desc.appendChild(data); }
- और फिर