मैं जावास्क्रिप्ट के अंदर कुछ एचटीएमएल टैग का उपयोग करने की कोशिश कर रहा हूं, लेकिन एचटीएमएल टैग काम नहीं करता है। आप जावास्क्रिप्ट के अंदर एक HTML टैग का उपयोग कैसे कर सकते हैं? मैं h1
का उपयोग करना चाहता था लेकिन काम नहीं किया।
if (document.getElementById('number1').checked) {
<h1>Hello member</h1>
}
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>
मैंने अपनी उलटी गिनती घड़ी के लिए यही उपयोग किया है:
</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>
मेरी स्क्रिप्ट के अंदर के HTML ने काम किया, हालांकि मैं इसकी व्याख्या नहीं कर सका।
दस्तावेज़ में वेरिएबल और html टैग को शामिल करने का तरीका यहां दिया गया है। यह भी नोट करें कि आप उद्धरणों के बीच टेक्स्ट कैसे जोड़ सकते हैं
document.write("<h1>System Paltform: ", navigator.platform, "</h1>");
जावास्क्रिप्ट एक स्क्रिप्टिंग भाषा है, न कि HTMLभाषा प्रकार। यह मुख्य रूप से पृष्ठभूमि में प्रक्रिया करने के लिए है और इसे ब्राउज़र पर चीजों को प्रदर्शित करने के लिए document.write
की आवश्यकता है। इसके अलावा, यदि आपका document.write
एक पंक्ति से अधिक है, तो सुनिश्चित करें कि प्रत्येक पंक्ति के अंत में +
संयोजन है।
उदाहरण
<script type="text/javascript">
if(document.getElementById('number1').checked) {
document.write("<h1>Hello" +
"member</h1>");
}
</script>
<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>
<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>
यदि आप कहीं भी जावास्क्रिप्ट में एचटीएमएल लिखते हैं, तो यह सोचेगा कि एचटीएमएल जावास्क्रिप्ट में लिखा गया है। 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"
}
उम्मीद है ये मदद करेगा!
<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>