Class que não é criada via javascript

[sopranophp 0]

Olá,

Neste pedaço de código adiciono um <tr com uma class='fg'.

var cell0 = row.insertCell(0);

    var cell1 = row.insertCell(1);

    var cell2 = row.insertCell(2);

    var cell3 = row.insertCell(3);

    var cell4 = row.insertCell(4);

    var cell5 = row.insertCell(5);

    var cell6 = row.insertCell(6);

    var cell7 = row.insertCell(7);

    cell0.innerHTML = "<tr class='fg'><td class='99'></td>";

    cell1.innerHTML = "<td></td>";

    cell2.innerHTML = "<td></td>";

    cell3.innerHTML = "<td><select id='3' class='form-control' name='dados'>"+

Mas no momento que executo este código via javascript o html que é contruido é este:

<tr><td class="99"></td>

<td></td>

<td></td>

<td><select id="3" class="form-control" name="dados">

Porque que a class fg não é criada? E o id 3 já é criado?

Obrigado e Sucesso

[Lucas Guima 164]

Utilize a tag de código para postar código.

 

Sua <tr> está sem fechar?

[sopranophp 0]

A tag <tr> fecha no fim, o código completo é este!

Eu pretendo colocar uma class nesta tag, a <tr> , que é para a identificar no momento em que quiser gravar ou então apaga-la. Acho que estou a pensar bem, certo?

  cell0.innerHTML = "<tr><td class='99'></td>";

    cell1.innerHTML = "<td></td>";

    cell2.innerHTML = "<td></td>";

    cell3.innerHTML = "<td><select class='form-control' name='fg'>"+

     "<option value='opt'>3456</option>"+

     "<option value='opt'>4235</option>"+

     "<option value='opt'>2324</option>"+

     "</select></td>";

    cell4.innerHTML = "<td><input type='number' name='np' value='' placeholder='texto' maxlength='1' max='8' min='1'/></td>";

    cell5.innerHTML = "<td></td>";

    cell6.innerHTML = "<td><button type='submit' class='btn btn-default'>OK</button></td>";

    cell7.innerHTML = "<td><button type='submit' class='btn btn-default'enviar</button></td></tr>";

obrigado

[Lucas Guima 164]

Ué, nesse seu código não tem a classe:

cell0.innerHTML = "<tr><td class='99'></td>";

[sopranophp 0]

Não entendi.... :/

[Lucas Guima 164]

 

cell0.innerHTML = "<tr><td class='99'></td>";

[sopranophp 0]

Cara, mas isso é o que eu tenho! Não se importa de explicar melhor!????? fogo!!!

[Lucas Guima 164]

Vamos lá...

 

No seu primeiro posta você disse que seu código estava assim:

cell0.innerHTML = "<tr class='fg'><td class='99'></td>";

E agora postou assim:

cell0.innerHTML = "<tr><td class='99'></td>";

Ou seja, sem a classe fg.

[sopranophp 0]

Sim, têm razão! Peco desculpa, enganei-me ao digitar...

A tag TR têm a classe FG. Mas quando a crio ela não nasce com a class!

Porquê!? :/ n percebo...

[Lucas Guima 164]

Coloca seu código nesse site e compartilha aqui: http://jsfiddle.net/

[sopranophp 0]

Aqui vai: http://jsfiddle.net/b26ord9m/

 

As novas linhas que são criadas não são abrangidas pela classe fg! Porquê?

 

Obrigado

[Lucas Guima 164]

Veja bem, eu diria que é por que você está tentando colocar uma <tr> dentro de uma <tr>.

 

A segunda deve ter sido ignorada e o que mostra é a primeira criada pelo insertRow().

[sopranophp 0]

Mas tr não fica dentor do tr, mas sim ao lado! Fica:

<table>

<tbody id="corpo">

<tr><td></td></tr>

<tr><td></td></tr>

</tbody>

</table>

Certo?

[Lucas Guima 164]

Pelo que você tinha explicado no outro post, você queria colocar dentro.

[Douglas Julião 34]

Cara da uma olhada e ve se te ajuda em alguma coisa:

    function myCreateFunction() {
    var table = document.getElementById("corpo");
    var row = table.insertRow(0);
    //Olha aqui
    var trs = document.querySelectorAll('tr');
    trs[0].className="fg";
    

    var cell0 = row.insertCell(0);
    var cell1 = row.insertCell(1);
    var cell2 = row.insertCell(2);    
    cell0.innerHTML = "<tr><td>1</td>"; // tirei a class daqui
    cell1.innerHTML = "<td>2</td>";
    cell2.innerHTML = "<td>3</td></tr>";
} 

[sopranophp 0]

Funcionou :) é isso mesmo, muito obrigado

 

Me diz mais uma coisa, pf. Como faço para criar um id? Em vez de uma classe!

 

var trs = document.querySelectorAll('tr');
trs[0].className="fg";

 

Andei a ler a documentação developer.mozilla.org mas não encontrei nada.

 

Caso pretenda apagar a linha como devo fazer? O que estou a pensar é o seguinte:

 

o meu tr têm uma classe! OK! Mas caso pretenda apagar a linha?

 

Faria algo como: document.getElementById("fg").deleteRow(1);

 

Mas isto apaga-me sempre a linha 1, conclusão, se tiver 3 linhas e carregar no botão de apagar da terceira linha ele apaga a primeira!

O que estou a pensar é colocar um id na linha que será colocado no deleteRow(id)

 

O que acham?

 

obrigado