JavaScript: Sorun dinamik IE

Question

Ben this one gibi bazı diğer sorular baktı

bir tabloya onun HTML bir satır ekleyerek ancak bu özel konuyu ele olmadığında: IE bu kodu çalıştırdığınızda

(8):

<TR> 
1</TD><//TD> 
<TD> 
</TD> 
A</TD><//TD></TR><//TR> 
</TR> 

Herhangi fikri: Ben tablonun vücuduna eklenen bu HTML ile sona

$("<tr><td>1</td><td>A</td></tr>").appendTo("#myTable tbody"); 

? Şimdiden teşekkürler.

Answer 1

Yapmaya çalıştığınız şey doğru bir şekilde yapılması çok zor. Bunun nedeni, <TR> öğesinin <TABLE> kapsamı dışında anlamsız olmasıdır. Niyetinizi yorumlamak bizim için kolay olsa da, jQuery'nin bunu yapmak için yeterince akıllı olması ve doğru olanı yapması çok olasıdır.

var tbody = document.getElementById('myTable').getElementsByTagName('tbody')[0]; 
var row = document.createElement('tr'); 
tbody.appendChild(row); 
var cell = document.createElement('td'); 
cell.innerHTML = '1'; 
row.appendChild(cell); 
cell = document.createElement('td'); 
cell.innerHTML = 'A'; 
row.appendChild(cell); 

Şimdi Söz konusu kod kuşkusuz çok daha kompakt, ama bu jQuery perde arkasında çok daha az iş yapmak gerekecektir anlamına gelmez:

burada doğru olanı gibi bir şey olurdu istenen sonuçlara ulaşmak için.

Answer 2

$("#myTable tbody").append("<tr><td>1</td><td>A</td></tr>"); 

it'sthe aynı deneyin, ama jQuery