I am trying to use some HTML tag inside JavaScript, but the HTML tag does not work. How can U use an HTML tag inside JavaScript? I wanted to use h2 but did not work.
if (document.getElementById('number1').checked) { <h2>Hello member</h2> }
asked Aug 17, 2011 at 17:15
2
You will either have to document.write it or use the Document Object Model:
Example using document.write
<script type="text/javascript"> if(document.getElementById('number1').checked) { document.write("<h2>Hello member</h2>"); } </script>Example using DOM
<h2></h2> <!-- 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 h2 = document.createElement("h2"); h2.appendChild(document.createTextNode("Hello member")); document.getElementById("container").appendChild(h2); } } </script>
answered Aug 17, 2011 at 17:16
7
<html> <body> <input type="checkbox" id="number1" title="number1();">Number 1</br> <p id="h2"></p> <script type="text/javascript"> function number1() { if(document.getElementById('number1').checked) { document.getElementById("h2").innerHTML = "<h2>Hello member</h2>"; } } </script> </body> </html>
answered Mar 17, 2017 at 4:31
1
This is what I used for my countdown clock:
</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> " header += "days until ICD-10 starts!" document.write(header) </SCRIPT>The HTML inside of my script worked, though I could not explain why.
answered Aug 18, 2015 at 19:20
here's how to incorporate variables and html tags in document.write also note how you can simply add text between the quotes
answered Jul 29, 2017 at 23:21
Bahman.ABahman.A
1,0163 gold badges16 silver badges33 bronze badges
JavaScript is a scripting language, not a HTMLanguage type. It is mainly to do process at background and it needs document.write to display things on browser. Also if your document.write exceeds one line, make sure to put concatenation + at the end of each line.
Example
<script type="text/javascript"> if(document.getElementById('number1').checked) { document.write("<h2>Hello" + "member</h2>"); } </script>answered Aug 18, 2011 at 6:09
praba230890praba230890
2,10420 silver badges36 bronze badges
<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='<h2>Hello member</h2>'; return false; }; } </script>
answered Sep 18, 2016 at 11:08
<div id="demo"></div> <script type="text/javascript"> if(document.getElementById('number1').checked) { var demo = document.getElementById("demo"); demo.innerHtml='<h2>Hello member</h2>'; } else { demo.innerHtml=''; } </script>
FZs
15.2k12 gold badges40 silver badges46 bronze badges
answered Aug 17, 2011 at 17:20
GBaGBa
16.8k15 gold badges49 silver badges67 bronze badges
0