Estou tentando imprimir com appendChild, sem que seja necessário montar utilizando document.createElement, sei que é possível mas não sei como, com o innerHTML funciona mas ele apaga tudo, segue abaixo:
var div = "<div id='teste'>valorqualquer</div>";
document.getElementsByTagName("body")[0].appendChild(div);
//Mas apresenta a mensagem abaixo:
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
Já tentei isto (mas faz imprimir apenas texto):
div = document.createTextNode(div);
document.getElementsByTagName("body")[0].appendChild(div);
Olha a estrutura que preciso montar:
<div id="erroDeCampos" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<h3 class="center">Campos com erro:</h3>
<div class="alert alert-danger">
<strong>Erro!</strong> You should <a href="#" class="alert-link">read this message</a>.
</div>
</div>
</div>
Para cada campo que meu formulário apresentar será criado esta estrutura, mas fazer isto acho que ficaria um código muito grande, segue parte do código:
var divElement = document.createElement("div");
divElement.setAttribute("id", "erroDeCampos");
divElement.setAttribute("class","modal fade bs-example-modal-sm");
divElement.setAttribute("tabindex", "-1");
divElement.setAttribute("role", "dialog");
divElement.setAttribute("aria-labelledby", "mySmallModalLabel");
var divElementModalAninhado = document.createElement("div");
divElementModalAninhado.setAttribute("class", "modal-dialog modal-sm");
divElementModalAninhado.setAttribute("role", "document");
var h3ElementAninhado = document.createElement("div");
h3ElementAninhado.setAttribute("class", "center");
h3ElementAninhado.innerHTML = "Campos com erro";
var divaninhadoaoh3acima = document.createElement("div");
document.createElement
. Por que você não quer usar isso?