2011-08-17 5 views
6

Je suis en train d'utiliser une balise html dans Javascript.But, Html Tag ne fonctionne pas. Comment puis-je utiliser tag html dans javascript. Je voulais utiliser la balise h1 intérieur Javascript, mais ne fonctionne pas :(tag javascript Html intérieur

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

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

Que voulez-vous atteindre avec cela? –

+0

Je veux juste utiliser moins de javascript et plus de HTML. Je ne connais pas beaucoup de javascript. – user899043

Répondre

5

Vous aurez soit à document.write ou utiliser le modèle objet de document:

Exemple d'utilisation document.write

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

Exemple en utilisant 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

Donc, vous dites que je ne peux pas utiliser tag dans Javascript, je devrais trouver une méthode équivalente de Javascript? – user899043

+0

-1, parenthèse manquante dans l'exemple DOM sur la ligne var h1. Cet exemple est également inutile car il ne concerne pas la vérification – GBa

+0

@ user899043: Exactement; les balises ne peuvent pas aller directement dans le code 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 - élément de niveau Adjonction de bloc 'h1' dans l'élément en ligne' span' –

+0

techniquement correct, mais il fonctionnera comme prévu – GBa

0

JavaScript est un langage de script, pas un type de HTMLanguage. Il s'agit principalement de faire du traitement en arrière-plan et il faut document.write pour afficher les choses sur le navigateur. Aussi, si votre document.write dépasse une ligne, assurez-vous de mettre concaténation + à la fin de chaque ligne.

Exemple

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

C'est ce que je pour mon compte à rebours:

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

Le code HTML à l'intérieur de mon script travaillé, mais je ne pouvais pas expliquer pourquoi.

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

Bien que ce code peut répondre à la question, en fournissant un contexte supplémentaire sur la façon dont et/ou pourquoi il résout le problème permettrait d'améliorer la valeur à long terme de la réponse. –

0

est ici comment intégrer les variables et les balises HTML dans document.write noter également comment vous pouvez simplement ajouter du texte entre les guillemets

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