2011-08-17 83 views
6

我想在Javascript中使用一些html標籤。但是,Html標籤不起作用。我如何使用javascript內的html標籤。我想用h1標籤內的JavaScript,但沒有工作:(Html標籤裏面的javascript

 <script type="text/javascript"> 
    if(document.getElementById('number1').checked) { 

      <h1>Hello member</h1>} 
     </script> 
+0

你想達到與什麼之間添加文本? –

+0

我只想使用更少的JavaScript和更多的HTML。我不知道很多阿javascript。 – user899043

回答

5

你將不得不document.write或使用文檔對象模型:

使用document.write

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

示例例使用DOM

<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("XXX").appendChild(h1); 
    } 
} 
</script> 
+0

所以,你說我不能在Javascript中使用標籤,而應該找到等效的Javascript方法? – user899043

+0

-1,在var h1行的DOM示例中缺少括號。這個例子也沒用,因爲它與檢查 – GBa

+0

@ user899043沒有關係:確切地說,標籤不能直接在JavaScript代碼中進行。 –

-1
<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

-1 - 將塊級元素「h1」添加到內聯元素「span」中 –

+0

從技術上說不正確,但它將按預期工作 – GBa

0

JavaScript是一種腳本語言,不是HTML語言類型。主要是在後臺進行處理,需要document.write在瀏覽器上顯示。 此外,如果您的document.write超過一行,請確保在每行的末尾放置連接+

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

這是我用我的倒計時鐘:

</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我的劇本里面工作,雖然我無法解釋爲什麼。

0
<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
<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> 
+0

雖然此代碼可能回答這個問題,提供關於如何解決問題和/或爲什麼解決問題的附加背景可以提高答案的長期價值。 –

0

這裏是如何將變量和HTML標籤文件撰寫 也注意到你怎麼可以簡單地報價

document.write("<h1>System Paltform: ", navigator.platform, "</h1>");