हां, जावास्क्रिप्ट में HTML की सामग्री को बदलना संभव है। आमतौर पर HTML सामग्री HTML टैग्स जैसे
, , आदि में होगी। जावास्क्रिप्ट में, हमारे पास DOM विधियां हैं। जिनके पास HTML टैग्स तक पहुंचने की क्षमता है। वे तरीके, जैसे document.getElementById(), document.getElementByTagName(), आदि, HTML सामग्री को बदलने के लिए टैग का उपयोग करते हैं।
उदाहरण-1
निम्नलिखित उदाहरण में, स्पैन टैग की सामग्री को जावास्क्रिप्ट 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>
एक बार उपरोक्त कोड निष्पादित हो जाने पर, हमें स्क्रीन पर निम्नलिखित प्राप्त होंगे
यदि हम उपरोक्त 'बदलें' बटन पर क्लिक करते हैं तो हमें आउटपुट के रूप में निम्नलिखित प्राप्त होंगे
आउटपुट
उदाहरण-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>
एक बार उपरोक्त कोड निष्पादित हो जाने पर, हमें स्क्रीन पर निम्नलिखित प्राप्त होंगे
यदि हम उपरोक्त 'बदलें' बटन पर क्लिक करते हैं तो हमें आउटपुट के रूप में निम्नलिखित प्राप्त होंगे
आउटपुट