手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
摘要:table{border-collapse:collapse;border-spacing:0;}th,td{padding:0;}JS操作...

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的Bug1

相关:

使用滤镜设置透明导致 IE 6/7/8/9 解析异常

【IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug】相关文章:

发现两个有趣的CSS3动画效果

仿网易div+css滑动门选项卡效果

DIV滚动条属性

div+css网页布局时如何合理架构css?

cellpadding=0 cellspacing=0的css替代写法

CSS3文本换行word-wrap解决英文文本超过固定宽度不换行

用CSS控制网页总体风格

正确使用CSS的height和min

css的em/ex/px/pt(css长度单位)使用介绍

CSS网页设计时关于字体大小的设计

精品推荐
分类导航