IE6/7中使用setAttribute設(shè)置table的cellpadding和cellspacing的Bug

發(fā)布時間：2011-04-07 23:02:55 作者：佚名

新版郵箱項目中做頁簽功能時碰到的。table元素的 cellpadding 和 cellspacing 屬性意義不提了。它們也有對應(yīng)的css解決方案。

復(fù)制代碼

代碼如下:

table {
border-collapse:collapse;
border-spacing:0;
}
th,td {
padding: 0;
}

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

復(fù)制代碼

代碼如下:

table.cellSpacing = 10;
table.cellPadding = 10;

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

復(fù)制代碼

代碼如下:

table.setAttribute('cellspacing','10');
table.setAttribute('cellpadding','10');

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

復(fù)制代碼

代碼如下:

table.setAttribute('cellSpacing','10');
table.setAttribute('cellPadding','10');

此外，IE開發(fā)者工具對于以上兩種方式的解析也不同。

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片