CreateElement
Olá pessoal,
Estou tentando manipular alguns elementos da página, assim:
Preciso inserir uma linha <tr>, só que eu preciso que insira uma linha acima do que já foi inserida, e do jeito que eu fiz ela insere abaixo de uma já criada...
Segue abaixo o código para entenderem melhor, pois acho q naum to conseguindo explicar:
<script>function NovaLinha() {var table = document.createElement('table');var tr = document.createElement('tr');var td = document.createElement('td');var td2 = document.createElement('td');var td3 = document.createElement('td');var td4 = document.createElement('td');var input = document.createElement('input');var input2 = document.createElement('input');var input3 = document.createElement('input');var input4 = document.createElement('input');var texto = document.createTextNode('teste');input.setAttribute('value','campo1');input.setAttribute('type','text');input.onclick=function(){teste(this.value)}input.setAttribute('size','10');input.setSize=3;input.className='button4';input.Class='button4';input2.setAttribute('value','campo2');input2.setAttribute('type','text');input2.setAttribute('size','10');input2.className='gridtext2';input2.Class='gridtext2';input3.setAttribute('value','campo3');input3.setAttribute('type','text');input3.setAttribute('size','14');input3.className='gridtext4';input3.Class='gridtext4';input4.setAttribute('value','campo4');input4.setAttribute('type','text');input4.setAttribute('size','14');input4.className='gridtext4';input4.Class='gridtext4';td.appendChild(input);td2.appendChild(input2);td3.appendChild(input3);td4.appendChild(input4);tr.appendChild(td);tr.appendChild(td2);tr.appendChild(td3);tr.appendChild(td4);table.appendChild(table);document.getElementById('tabela').firstChild.appendChild(tr);}function teste(i){ alert("Valor desse campo = " + i);;}</script> <body><p> </p><table id="tabela"></table> <input type=button onclick="NovaLinha()" value="Mais Linha"></body> </html>
Please... :unsure:
Discussão (4)
Carregando comentários...