Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

क्या जावास्क्रिप्ट में HTML सामग्री को बदलना संभव है?


हां, जावास्क्रिप्ट में 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>

एक बार उपरोक्त कोड निष्पादित हो जाने पर, हमें स्क्रीन पर निम्नलिखित प्राप्त होंगे

क्या जावास्क्रिप्ट में HTML सामग्री को बदलना संभव है?

यदि हम उपरोक्त 'बदलें' बटन पर क्लिक करते हैं तो हमें आउटपुट के रूप में निम्नलिखित प्राप्त होंगे

आउटपुट

क्या जावास्क्रिप्ट में 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>

एक बार उपरोक्त कोड निष्पादित हो जाने पर, हमें स्क्रीन पर निम्नलिखित प्राप्त होंगे

क्या जावास्क्रिप्ट में HTML सामग्री को बदलना संभव है?

यदि हम उपरोक्त 'बदलें' बटन पर क्लिक करते हैं तो हमें आउटपुट के रूप में निम्नलिखित प्राप्त होंगे

आउटपुट

क्या जावास्क्रिप्ट में HTML सामग्री को बदलना संभव है?


  1. जावास्क्रिप्ट के साथ आंतरिक HTML सेट करें

    आंतरिक HTML सेट करने के लिए सही सिंटैक्स इस प्रकार है - document.getElementById(“yourIdName”).innerHTML=”yourValue”; आइए अब देखें कि आंतरिक HTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  1. जावास्क्रिप्ट में एक स्ट्रिंग के रूप में संपूर्ण दस्तावेज़ HTML कैसे प्राप्त करें?

    संपूर्ण दस्तावेज़ HTML को एक स्ट्रिंग के रूप में प्राप्त करने के लिए, आंतरिक HTML की अवधारणा का उपयोग करें, जैसे - document.documentElement.innerHTML; उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8"> &

  1. जावास्क्रिप्ट किसी फ़ंक्शन का परिणाम HTML के रूप में प्रदर्शित करता है?

    किसी फ़ंक्शन के परिणाम को HTML के रूप में प्रदर्शित करने के लिए, आप - . का उपयोग कर सकते हैं document.getElementById().innerHTML. उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta