Agora estou entendendo um pouco mais de dom!
Mas ainda não consegui fazer rodar, veja meu código fonte:<script type="text/javascript">
var id = 1;
function novoCampo(){
var inp = document.createElement("input");
inp.setAttribute("id", id);
inp.setAttribute("class", "input_verde");
inp.setAttribute("onFocus", "this.className='input_verde_realce'");
inp.setAttribute("onBlur", "this.className='input_verde'");
var lab = document.createElement("label");
lab.setAttribute("id", "l"+id);
var lab_content = document.createTextNode("Campo de Texto " + id + " ");
var quebra = document.createElement("br");
lab.appendChild(lab_content);
var inpP = document.getElementById(id-1);
var parentInp = inpP.parentNode;
parentInp.insertBefore(lab, inpP.nextSibling);
parentInp.insertBefore(inp, lab.nextSibling);
parentInp.insertBefore(quebra, lab);
++id;
}
function deletaCampo() {
var d = document.GetElementById("formulario").lastChild;
removeChild(d);
}
</script>
</head>
<body>
<form name="formulario" id="formulario" method="post" action="">
<label id="l0">Campo de Texto 0</label>
<input type="text" name="textfield" id="0" class="input_verde" onFocus="this.className='input_verde_realce'" onBlur="this.className='input_verde'"><br />
<input type="button" name="Submit" value="+ 1 Campo" onClick="novoCampo();return false;">
<input type="button" name="Submit" value="Remover" onClick="deletaCampo();return false;">
</form>Onde foi que eu errei?
Na hora que eu chamo a função, no
onClick="deletaCampo();return false;"
O que significa essa parte: "return false;" ?
[]'s
