使用JavaScript创建Table时,用cellSpacing而不是cellspacing
2008-02-27 16:06
288 查看
今天遇到一个问题,我试图使用javascript创建一个Table,希望生成的HTML如下
var _tableRoot = document.createElement("table");
_tableRoot.setAttribute("cellspacing", "0");
_tableRoot.setAttribute("cellpadding", "0");
IE和FireFox生成的HTML都是如上所示,按理说就应该出现我想要的效果。但是实际上,在IE中cellspacing和cellpadding都不起作用。
最后终于找到一个解决方案(Google后发现已经有同样的案例):
使用 cellSpacing 而不是 cellspacing
使用 cellPadding 而不是 cellpadding
即:
_tableRoot.setAttribute("cellSpacing", "0");
_tableRoot.setAttribute("cellPadding", "0");
<table cellpadding="0px" cellspacing="0px" >
...
</table>
我使用了如下代码:
var _tableRoot = document.createElement("table");
_tableRoot.setAttribute("cellspacing", "0");
_tableRoot.setAttribute("cellpadding", "0");
IE和FireFox生成的HTML都是如上所示,按理说就应该出现我想要的效果。但是实际上,在IE中cellspacing和cellpadding都不起作用。
最后终于找到一个解决方案(Google后发现已经有同样的案例):
使用 cellSpacing 而不是 cellspacing
使用 cellPadding 而不是 cellpadding
即:
_tableRoot.setAttribute("cellSpacing", "0");
_tableRoot.setAttribute("cellPadding", "0");
相关文章推荐
- 使用JavaScript创建Table时,用cellSpacing而不是cellspacing
- 使用javascript 查询特定的table中的内容
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript日期对象使用总结 javascript Date日期对象的创建
- JavaScript:使用面向对象的技术创建高级 Web 应用程序(转)
- JavaScript -- 控制table的创建 与 删除, 排序, 表格颜色
- JavaScript 使用简略语法创建对象的代码
- 通过使用基于关系的选择器和伪类选择器,创建纯CSS无JavaScript的下拉菜单
- 框架笔记---EasyUi Datagrid的JavaScript创建方式与使用
- javascript---使用createElement动态创建HTML对象.窗体传值
- JavaScript中使用Object.create()创建对象介绍
- 使用原生javascript创建通用表单验证 —— 更锋利的使用dom对象
- JavaScript对象创建的几种方式及使用方法
- JavaScript对象创建的几种方式及使用方法
- javaScript对象创建与使用
- PHP 使用tempnam保存临时文件,而不是自己维护临时文件的创建和删除
- 使用SandCastle和ScriptDoc创建JavaScript文档
- 使用面向对象的技术创建高级 Web 应用程序(JavaScript)
- 如何使用js动态创建table,并隔行换色