मैं जावास्क्रिप्ट के अंदर कुछ एचटीएमएल टैग का उपयोग करने की कोशिश कर रहा हूं, लेकिन एचटीएमएल टैग काम नहीं करता है। आप जावास्क्रिप्ट के अंदर एक HTML टैग का उपयोग कैसे कर सकते हैं? मैं h1 का उपयोग करना चाहता था लेकिन काम नहीं किया।

if (document.getElementById('number1').checked) {
  <h1>Hello member</h1>
}
9
user899043 17 अगस्त 2011, 21:15
आप इससे क्या हासिल करना चाहते हैं?
 – 
Felix Kling
17 अगस्त 2011, 21:17
मैं बस कम जावास्क्रिप्ट और अधिक एचटीएमएल का उपयोग करना चाहता हूं। मैं जावास्क्रिप्ट के बारे में बहुत कुछ नहीं जानता।
 – 
user899043
17 अगस्त 2011, 21:24

8 जवाब

आपको या तो इसे document.write करना होगा या दस्तावेज़ ऑब्जेक्ट मॉडल का उपयोग करना होगा:

उदाहरण document.write का उपयोग करके

<script type="text/javascript">
if(document.getElementById('number1').checked) {
    document.write("<h1>Hello member</h1>");
}
</script>

उदाहरण DOM का उपयोग करना

<h1></h1> <!-- We are targeting this tag with JS. See code below -->
<input type="checkbox" id="number1" checked /><label for="number1">Agree</label>
<div id="container"> <p>Content</p> </div>

<script type="text/javascript">
window.onload = function() {
    if( document.getElementById('number1').checked ) {
        var h1 = document.createElement("h1");
        h1.appendChild(document.createTextNode("Hello member"));
        document.getElementById("container").appendChild(h1);
    }
}
</script>
9
KostasX 15 फरवरी 2019, 11:32
ताकि, आप कह रहे हैं कि मैं जावास्क्रिप्ट के अंदर टैग का उपयोग नहीं कर सकता, इसके बजाय मुझे जावास्क्रिप्ट की समकक्ष विधि मिलनी चाहिए?
 – 
user899043
17 अगस्त 2011, 21:18
-1, var h1 लाइन पर DOM उदाहरण में अनुपलब्ध कोष्ठक। साथ ही यह उदाहरण बेकार है क्योंकि यह चेक से संबंधित नहीं है
 – 
GBa
17 अगस्त 2011, 21:22
@ user899043: बिल्कुल सही; टैग सीधे JavaScript कोड में नहीं जा सकते.
 – 
Richard JP Le Guen
17 अगस्त 2011, 21:23
मैं सोच रहा हूं कि कैसे React.js ऐसा करने में सक्षम है। एचटीएमएल कोड के आसपास कोई उद्धरण नहीं। codepen.io/gaearon/pen/oWWQNa?editors=0010
 – 
rineez
14 सितंबर 2017, 13:47
मैं यह भी जानना चाहता हूं कि कच्चे HTML कोड को वापस करने के लिए प्रतिक्रिया जावास्क्रिप्ट 'रिटर्न' का उपयोग कैसे कर सकती है। कोई नहीं जानता?
 – 
David Spector
2 जिंदा 2019, 16:45

मैंने अपनी उलटी गिनती घड़ी के लिए यही उपयोग किया है:

</SCRIPT>
<center class="auto-style19" style="height: 31px">
<Font face="blacksmith" size="large"><strong>
<SCRIPT LANGUAGE="JavaScript">
var header = "You have <I><font color=red>" 
+ getDaysUntilICD10() + "</font></I>&nbsp; "
header += "days until ICD-10 starts!"
document.write(header)
</SCRIPT>

मेरी स्क्रिप्ट के अंदर के HTML ने काम किया, हालांकि मैं इसकी व्याख्या नहीं कर सका।

1
Nathaniel Ford 18 अगस्त 2015, 22:47

दस्तावेज़ में वेरिएबल और html टैग को शामिल करने का तरीका यहां दिया गया है। यह भी नोट करें कि आप उद्धरणों के बीच टेक्स्ट कैसे जोड़ सकते हैं

document.write("<h1>System Paltform: ", navigator.platform, "</h1>");
1
Bahman.A 30 जुलाई 2017, 02:57

जावास्क्रिप्ट एक स्क्रिप्टिंग भाषा है, न कि HTMLभाषा प्रकार। यह मुख्य रूप से पृष्ठभूमि में प्रक्रिया करने के लिए है और इसे ब्राउज़र पर चीजों को प्रदर्शित करने के लिए document.write की आवश्यकता है। इसके अलावा, यदि आपका document.write एक पंक्ति से अधिक है, तो सुनिश्चित करें कि प्रत्येक पंक्ति के अंत में + संयोजन है।

उदाहरण

<script type="text/javascript">
if(document.getElementById('number1').checked) {
document.write("<h1>Hello" +
"member</h1>");
}
</script>
0
praba230890 18 अगस्त 2011, 10:09
<div id="demo"></div>

<input type="submit" name="submit" id="submit" value="Submit" onClick="return empty()">


<script type="text/javascript">
        function empty()
        {
          var x;
          x = document.getElementById("feedbackpost").value;
          if (x == "")
           {
             var demo = document.getElementById("demo");
             demo.innerHTML =document.write='<h1>Hello member</h1>';
              return false;
           };
        }
    </script>
0
Bishrul Haq 18 सितंबर 2016, 14:08
<html>
 <body>
  <input type="checkbox" id="number1" onclick="number1();">Number 1</br>
  <p id="h1"></p>
   <script type="text/javascript">
    function number1() {
    if(document.getElementById('number1').checked) {

      document.getElementById("h1").innerHTML = "<h1>Hello member</h1>";
         }
    }
   </script>
 </body>
</html>
2
user7644865 17 मार्च 2017, 07:38
हालांकि यह कोड प्रश्न का उत्तर दे सकता है, लेकिन यह समस्या को कैसे और/या क्यों हल करता है, इसके बारे में अतिरिक्त संदर्भ प्रदान करने से उत्तर के दीर्घकालिक मूल्य में सुधार होगा।
 – 
Donald Duck
17 मार्च 2017, 11:35

यदि आप कहीं भी जावास्क्रिप्ट में एचटीएमएल लिखते हैं, तो यह सोचेगा कि एचटीएमएल जावास्क्रिप्ट में लिखा गया है। HTML को जावास्क्रिप्ट में शामिल करने का सबसे अच्छा तरीका है कि आप पेज पर HTML कोड लिखें। ब्राउज़र HTML टैग प्रदर्शित नहीं कर सकता है, इसलिए ब्राउज़र HTML को पहचान लेगा और इस कोड को HTML में लिखेगा।

document.write("<p>Hello World!</p>");

यद्यपि यदि आप किसी फ़ंक्शन पर HTML लिखना चाहते हैं, तो GetElementById सबसे अच्छा है:

function functionName() {
   document.getElementById(" the id of the HTML element to be written in ").innerHTML = "whatever you want to say"
}

उम्मीद है ये मदद करेगा!

0
Elliot Harrell 10 अप्रैल 2020, 00:32
स्टैक ओवरफ्लो में आपका स्वागत है! यह सबसे अधिक अपवोट वाले उत्तर से कैसे भिन्न है?
 – 
Yuri-M-Dias
3 मार्च 2020, 02:47
<div id="demo"></div>

<script type="text/javascript">
    if(document.getElementById('number1').checked) {
        var demo = document.getElementById("demo");    
        demo.innerHtml='<h1>Hello member</h1>';
    } else {
        demo.innerHtml='';
    }
</script>

0
FZs 26 जिंदा 2021, 09:30