HTML DOM में एक नया तत्व जोड़ने के लिए , हमें इसे पहले बनाना होगा और फिर हमें इसे मौजूदा तत्व में जोड़ना होगा।
अनुसरण करने के लिए चरण
1) सबसे पहले, एक div अनुभाग बनाएं और
टैग
2) एक तत्व बनाएं
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