Function javascript que ler uma table html

Front-end
#1

Olá

Nessa function javascript eu consigo pegar tudo que esta dentro da da tag

, mais nao consigo pegar o valor de do input text
alguem saberia me dizer como faria para mostrar o valor que foi digitado nos inputs? 


<html>


<body>

<form name=teste action=teste>

<table id="ordersTable">
<tr><td> <input type=text  name='valor1' value='0001' > </td><td> another cell </td></tr>
<tr><td> <input type=text  name='valor2' value='0002' > </td><td> another cell </td></tr>
<tr><td> <input type=text  name='valor3' value='0003' > </td><td> another cell </td></tr>
</table>


<script type="text/javascript">

var tabl = document.getElementById('ordersTable');
var l = tabl.rows.length;
//alert( 'Number of table rows: ' + l );
var s = '';
for ( var i = 0; i < l; i++ )
{
var tr = tabl.rows[i];
//alert( 'Found ' + tr.nodeName + ' ' + i );
var cll = tr.childNodes[0];
//alert( 'Found a ' + cll.nodeName );
var ct = cll.innerHTML.replace( /<[^<>]+>/g, '' );
alert( cll.nodeName + ' contains text: ' + ct );
s += '|' + cll.innerText;
}


</script>


</form>
</body>
<html>

Grato

#2 
document.getElementsByTagName("input")[indice].value
#3

Para pegar o conteudo do txt utilize: document.getElementById(“idText”).value

:smiley: Att

#4

function limpa(nomePadrao){
tabela = document.getElementById(‘idTabela’);
for (i=0; i < tabela.rows.length; i++){
colunas = tabela.rows[i].childNodes;
for (j=0; j < colunas.length; j++){
elementos = colunas[j].childNodes;
for (l=0; l < elementos.length; l++){
if (elementos[l].type == ‘text’){
elementos[l].value = ‘’;
}
}
}
}
}

#5

Pessoal,

Eu tô querendo fazer a mesma coisa, porém usando div. Alguém tem alguma ideia?

#6

já tentaram usar JQuery pessoal? é mto mais simples!

#7 
$("#idDoElemento").each(  
      function () {  
	    // código aqui    
     }  
);

Acho que assim funciona.

#8

[quote=orobsonpires] $("#idDoElemento").each( function () { // código aqui } );
Acho que assim funciona.[/quote]

Desse jeito ai vc pegaria apenas 1 elemento… se quisesse pegar mais de 1 teria que pegar pela classe.

$('.div').each(
function(){
  //aqui dentro você teria cada elemento div...
}
);

se quisesse pegar os elementos do “td” faria assim:

$('#IDSUATABLE tbody tr td').each(
function(){
  //aqui dentro você teria tudo que tivesse dentro de cada tr td...
  var input = $(this).find('input');
}
);

eu acho q poderia ser feito assim, mas eu não testei… é só uma idéia

#9