Estoy tratando de usar alguna etiqueta html dentro de Javascript. Pero la etiqueta Html no funciona. ¿Cómo puedo usar la etiqueta html dentro de JavaScript? Quería utilizar la etiqueta h1 dentro de Javascript, pero no funcionó :(etiqueta Html dentro de javascript
<script type="text/javascript">
if(document.getElementById('number1').checked) {
<h1>Hello member</h1>}
</script>
hay que colocar a document.write o utilizar el Document Object Model:
document.write<script type="text/javascript">
if(document.getElementById('number1').checked) {
document.write("<h1>Hello member</h1>");
}
</script>
<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>
Entonces, ¿está diciendo que no puedo usar la etiqueta dentro de Javascript, sino que debería encontrar un método equivalente de Javascript? – user899043
-1, faltando el paréntesis en el ejemplo DOM en la línea var h1. Además, este ejemplo es inútil porque no se relaciona con el cheque – GBa
@ user899043: Exactamente; las etiquetas no pueden ir directamente en el código JavaScript. –
<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>
-1 - Anexar el elemento de nivel de bloque 'h1' en el elemento en línea' span' –
técnicamente incorrecto, pero funcionará como se pretendía – GBa
JavaScript es un lenguaje de scripts, no un tipo de lenguaje HTML. Es principalmente para procesar en segundo plano y necesita document.write para mostrar cosas en el navegador. Además, si su document.write supera una línea, asegúrese de poner la concatenación + al final de cada línea.
Ejemplo
<script type="text/javascript">
if(document.getElementById('number1').checked) {
document.write("<h1>Hello" +
"member</h1>");
}
</script>
Esto es lo que he utilizado para mi reloj de cuenta atrás:
</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>
El HTML dentro de mi guión trabajado, aunque no podía explicar por qué.
<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>
Si bien este código puede responda la pregunta, proporcionando un contexto adicional con respecto a cómo y/o por qué soluciona el problema mejoraría el valor a largo plazo de la respuesta. –
aquí es cómo incorporar las variables y las etiquetas HTML en document.write en cuenta también cómo se puede simplemente añadir texto entre las comillas
document.write("<h1>System Paltform: ", navigator.platform, "</h1>");
¿Qué quieres conseguir con eso? –
Solo quiero usar menos javascript y más HTML. No sé mucho sobre javascript. – user899043