Sujunior
(usa Debian)
Enviado em 05/05/2016 - 11:40h
Essa é a questão:
Assim que o botão for clicado uma função JavaScript deverá capturar as letras contidas nas células da tabela e imprimir cada letra na página, uma letra por linha.
O problema:
Eu não consigo imprimir os dados sem usar o innerHTML. Tem algum método que possa me ajudar nisso.
Código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title>Exercício Número 2 PW</title>
<link rel="stilesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript">
function imprimeConteudo() {
var pega = document.getElementsByTagName("td");
var imprime;
var nova = document.getElementById("div1");
var impTela = document.createElement("p");
for (var i = 0; i < pega.length; i++) {
imprime = pega[i].childNodes;
nova.appendChild(impTela);
impTela.innerHTML = imprime[0].nodeValue;
//console.log(impTela);
//console.log(nova);
console.log("teste imprime",imprime[0].nodeValue);
}
}
</script>
</head>
<body>
<table border="1" id="tbAlfa">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
</table>
<div id="div1">
<a href="javascript:imprimeConteudo();">
<p>Clique Aqui para Imprimir o conteudo das células da tabela</p>
</a>
</div>
</body>
</html>