Hola, tengo problemas con este codigo, no hace absolutamente nada la funcion a().
¿Me podríais indicar porque?
Gracias de antemano.
Este es mi codigo javascript
:
<script type="text/javascript">
function a() {
newdiv = document.createElement("div");
newdiv.setAttribute("id","caja2");
newdiv.setAttribute("position","relative");
newdiv.setAttribute("background","#edf4f2");
newdiv.setAttribute("border","0.1em solid #000");
newdiv.setAttribute("top","55em");
newdiv.setAttribute("left","0em");
newdiv.setAttribute("width","50em");
newdiv.setAttribute("height","18em");
newdiv.setAttribute("border","1px solid #d6e1dd");
newdiv.setAttribute("-moz-border-radius","1em");
newdiv.setAttribute("-khtml-border-radius","1em");
newdiv.setAttribute("-webkit-border-radius","1em");
newdiv.setAttribute("border-radius","1em");
docBody = document.getElementsByTagName("body").item(0);
docBody.appendChild(newdiv);
}
El codigo html es:
<div id="container">
<br>
<br>
<div id="caja">
<div id="calen">
</div>
<div id="titulo">
<h3>BLA BLA BLA</H3><br>
</div>
<div id="texto">
</div>
</div>
<br>
<br>
<div id="añadir">
<input type="button" onclick="a()" value="Mostrar ">
</div>
<br>
<br>
</div>
</script>