HTML DOM createElement () विधि का उपयोग जावास्क्रिप्ट का उपयोग करके गतिशील रूप से HTML तत्व बनाने के लिए किया जाता है। यह तत्व नाम को पैरामीटर के रूप में लेता है और उस तत्व नोड को बनाता है। नए बनाए गए तत्व को DOM के हिस्से के रूप में रखने के लिए आपको appendChild () विधि का उपयोग करने की आवश्यकता है।
सिंटैक्स
createElement() विधि के लिए सिंटैक्स निम्नलिखित है -
document.createElement(nodename)
उदाहरण
आइए createElement() विधि के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>createElement() example</h1>
<p>Click the below button to create more buttons</p>
<button onclick="createButton()">CREATE</button>
<br><br>
<script>
var i=0;
function createButton() {
i++;
var btn = document.createElement("BUTTON");
btn.innerHTML="BUTTON"+i;
var br= document.createElement("BR");
document.body.appendChild(btn);
document.body.appendChild(br);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर तीन बार क्लिक करने पर। एक बटन के लिए एक क्लिक -
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर createButton() विधि को निष्पादित करेगा।
<button onclick="createButton()">CREATE</button>
createButton() फ़ंक्शन दस्तावेज़ ऑब्जेक्ट की createElement() विधि का उपयोग करके एक
var i=0;
function createButton() {
i++;
var btn = document.createElement("BUTTON");
btn.innerHTML="BUTTON"+i;
var br= document.createElement("BR");
document.body.appendChild(btn);
document.body.appendChild(br);
}