2011-08-17 5 views
6

Javascript에서 일부 html 태그를 사용하려고합니다. 그러나 Html 태그가 작동하지 않습니다. 어떻게 자바 스크립트 안에 html 태그를 사용할 수 있습니까? 나는 자바 스크립트 내에서 H1 태그를 사용하고 싶었지만 작동하지 않았다 :(javascript 내의 Html 태그

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

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

사이에 텍스트를 추가 할 수있는 방법 document.write를 변수와 html 태그를 통합하는 방법은? –

+0

난 그냥 적은 자바 스크립트와 더 많은 HTML을 사용하고 싶습니다. 나는 abou 자바 스크립트를 많이 모른다. – 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 : 정확히; 태그는 자바 스크립트 코드에서 직접 이동할 수 없습니다. –

-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 - 인라인 요소 'span'에 블록 수준 요소 'h1'을 추가합니다. –

+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

또한주의 단순히 따옴표 당신이 달성하기 위해 무엇을 원하는가

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