IE6/7中使用setAttribute設置table的cellpadding和cellspacing的Bug


復制代碼代碼如下:
table {
border-collapse:collapse;
border-spacing:0;
}
th,td {
padding: 0;
}

JS操作這兩個屬性有兩種方式 。
方式1,直接點操作

復制代碼代碼如下:
table.cellSpacing = 10;
table.cellPadding = 10;

注意cellSpacing和cellPadding中間的 S 和 P 都要是大寫的 。
方式2,setAttribute

復制代碼代碼如下:
table.setAttribute(’cellspacing’,’10’);
table.setAttribute(’cellpadding’,’10’);

注意此處的 s 和 p 都沒有大寫 。
方式2在IE6,7中將不起作用 。需注意!
但字母s,p改成大寫后又都可以了

復制代碼代碼如下:
table.setAttribute(’cellSpacing’,’10’);
table.setAttribute(’cellPadding’,’10’);

此外 , IE開發者工具對于以上兩種方式的解析也不同 。

IE6/7中使用setAttribute設置table的cellpadding和cellspacing的Bug

【IE6/7中使用setAttribute設置table的cellpadding和cellspacing的Bug】相關:

使用濾鏡設置透明導致 IE 6/7/8/9 解析異常

相關經驗推薦