HTML DOM में एक नया तत्व जोड़ने के लिए , हमें इसे पहले बनाना होगा और फिर हमें इसे मौजूदा तत्व में जोड़ना होगा।
अनुसरण करने के लिए चरण
1) सबसे पहले, एक div अनुभाग बनाएं और
टैग . का उपयोग करके इसमें कुछ टेक्स्ट जोड़ें .
2) एक तत्व बनाएं
document.createElement("p") . का उपयोग करके ।
3) document.createTextNode() . का उपयोग करके एक टेक्स्ट बनाएं , ताकि इसे ऊपर बनाए गए तत्व ("पी") में सम्मिलित किया जा सके।
4) appendChild () . का उपयोग करना मौजूदा div . में पाठ के साथ-साथ बनाए गए तत्व को जोड़ने का प्रयास करें टैग।
इस प्रकार एक नया तत्व बनाया जाता है (
) और मौजूदा तत्व (
) में जोड़ा जाता है।
उदाहरण
निम्न उदाहरण में, प्रारंभ में div अनुभाग में केवल 2 लेख हैं। लेकिन बाद में, एक और टेक्स्ट बनाया जाता है और डिव सेक्शन में जोड़ा जाता है जैसा कि आउटपुट में दिखाया गया है।
<html>
<body>
<div id="new">
<p id="p1">Tutorix</p>
<p id="p2">Tutorialspoint</p>
</div>
<script>
var tag = document.createElement("p");
var text = document.createTextNode("Tutorix is the best e-learning platform");
tag.appendChild(text);
var element = document.getElementById("new");
element.appendChild(tag);
</script>
</body>
</html> आउटपुट
Tutorix Tutorialspoint Tutorix is the best e-learning platform