[Resolvido] createElement não funciona no FF

[51L3N7 1]

Pessoal, peguei um código pronto para ver como funcionava o metódo createElement, porém o código só funcionou no IE8, e no FF4 não. Saberiam dizer o que porquê?

 

O código é o seguinte:

 

<script>
function addValue(a) {
var element1 = document.createElement('tr');
var element2 = document.createElement('td');
var text = document.createTextNode(a);
var table = document.getElementById('t');
element2.appendChild(text);
element1.appendChild(element2); 
table.tBodies(0).appendChild(element1);
}
</script>
Name: <input type="text" name="a">
<input type="button" value="Add" onClick='javascript:addValue(a.value)'>
<table id="t" border="1">
<tr><th>Employee Name</th></tr>
</table>

[Bruno Caxito 0]

O firefox nao reconhece o "name" no formulario como uma referencia a um valor na memoria, apenas um id.

 

Portanto em vez de

Name: <input type="text" name="a">

 

use

Name: <input id="a" type="text">

 

O comando tBodies() também não é um padrão javascript para o firefox, baste remove-lo, seu código deve ficar assim...

 

<script>
function addValue(a) {
	var element1 = document.createElement('tr');
	var element2 = document.createElement('td');
	var text = document.createTextNode(a);
	var table = document.getElementById('t');

	element2.appendChild(text);
	element1.appendChild(element2); 
	table.appendChild(element1);
}
</script>

Name: <input id="a" type="text">
<input type="button" value="Add" onclick="javascript: addValue(a.value)">

<table id="t" border="1">
<tr><th>Employee Name</th></tr>
</table>

 

Espero ter ajudado

[51L3N7 1]

É isso mesmo.

Valeu!!!!