हां, JavaScript में HTML कंटेंट को बदलना संभव है। आमतौर पर HTML कंटेंट HTML टैग्स जैसे <p>, <span> आदि में होता है। JavaScript में हमारे पास DOM मेथड्स होते हैं जिनमें HTML टैग्स को एक्सेस करने की क्षमता होती है। वे मेथड्स, जैसे document.getElementById(), document.getElementsByTagName() आदि, HTML कंटेंट को बदलने के लिए टैग्स का उपयोग करते हैं।
उदाहरण-1
निम्न उदाहरण में, span टैग में कंटेंट को JavaScript DOM मेथड document.getElementById() का उपयोग करके बदला गया है।
<html> <body> <span id="change">Is javaScript is java.</span> <input type = "button" value = "change" onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'> </body> </html>
एक बार उपरोक्त कोड निष्पादित होने पर, हमें स्क्रीन पर निम्न प्राप्त होगा
यदि हम उपरोक्त 'change' बटन पर क्लिक करते हैं तो हमें आउटपुट के रूप में निम्न प्राप्त होगा
आउटपुट
उदाहरण-2
निम्न उदाहरण में, पैराग्राफ टैग में कंटेंट को JavaScript DOM मेथड का उपयोग करके बदला गया है।
<html> <body> <p id="change">Elon musk has failed 3 times</p> <input type = "button" value = "change" onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'> </body> </html>
एक बार उपरोक्त कोड निष्पादित होने पर, हमें स्क्रीन पर निम्न प्राप्त होगा
यदि हम उपरोक्त 'change' बटन पर क्लिक करते हैं तो हमें आउटपुट के रूप में निम्न प्राप्त होगा
आउटपुट
