document.createElement()用法及注意事项
发布时间：2008-04-21 15:16:00
今天处理了一个日期选择器的ie和ff的兼容问题，本来这种情况就很难找错误，找了好久才把错误定位到js中创建元素的方法document.createElement()，这个方法在ie下支持这样创建元素
var inputObj = document.createElement("<input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;' " readonly >");
但是这样的情况在ff下是不兼容的。
还有就是特别注意input元素的创建：与 input 有关的元素有很多，比如：checkbox、radio、submit、reset...，因此创建 input 是个很特殊的用法。
创建不同的 input 正确的做法是：
<div id="board"></div>
<script type="text/javascript">
<!--
var board = document.getElementById("board");
var e = document.createElement("input");
e.type = "radio"; //紧接着上一行写
var obj = board.appendChild(e);
obj.checked = true;
//如下写法也是正确的：
//e.checked = true;
-->
</script>
针对 input，在 Netscape、Opera 和 Firefox 中 e.type 既可以在 appendChild 之前，也可以在其之后。但在 IE 中 type 属性必须在前，其它属性必须在后。
IE 创建元素，还有一个特点，就是可以连同属性一同创建，比如：var e = document.createElement("<input type='radio' name='r' value='1' />"); 这在其它浏览器中是不行的，所以我们也不支持。
总结：
针对非 input 元素，各浏览器中，既可以把对元素属性的改变写在显示元素（insertBefore 或 appendChild）之前，也可以在其后。
针对 input 元素，为了兼容 IE，type 属性写在显示元素（insertBefore 或 appendChild）之前，其它属性写在其后。
推荐：
除了 input 元素的 type 属性写在显示元素（insertBefore 或 appendChild）之前外，其它属性都写在显示元素之后。
改变属性时，对写在显示元素（insertBefore 或 appendChild）之前的用 createElement 的返回值，对写在显示元素之后的用 insertBefore 或 appendChild 的返回值。
0
投稿猜你喜欢
- 代码如下:<％ class MyClass Dim var '公共变量必须使
Hedger Wang 在国内 blog 上得到的方法：使用 try … finally 结构来使对象最终为 null ，以阻止内存泄露。其- 函数名称：CheckForm_JS(frmName,errStr)功能：用ASP的方法动态写出JavaScript的表单验证的函数check
- think-queue是ThinkPHP官方提供的一个消息队列服务，是专门支持队列服务的扩展包。think-queue消息队列适用于大并发或
- 代码如下:--相信大家肯定经常会把数据导入到数据库中，但是可能会有些记录行的所有列的数据是null，这为null的数据是我们不需要 --现在
- ASP实例代码，利用SQL语句动态创建Access表。留作参考,对在线升级数据库有用处.<％ nowtime = now()
- 根据一般做法的话，导出部分字段时没有办法生成格式化XML文件，所以导入时就没有办法格式化导入数据。 我想到两点，1.手工修改格式化XML文件
- 一个ASP文件通常包含HTML标签，有时和一个HTML文件非常类似。然而，ASP文件（除了包含HTML标签外），还可以包括服务器的脚本程序，
- CSS布局作为一个热门技术，发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML
- 前言：话说，我一直没能理解美工究竟是什么（这是一篇投稿）。因为要求确实很多。目前，我只能理解成，是前端开发+页面设计+用户体验设计的全能手。
- 在SQL Server中进行开发会让你身处险地，并且寻找快速解决方案。我们编辑了前十名关于SQL Server开发的常见问题。对常见的针对表
- 一.修改/etc/my.cnf文件default-character-set=utf8[mysqld]datadir= ar b/mysql
- 古巴比伦王颁布了汉摩拉比法典，刻在黑色的玄武岩，距今已经三千七百多年，你在橱窗前…熟悉吧？没错，这就是周董的爱在西元前歌词。前不久工作不是很
- 一、DAFONT 英文字体很多,分类很详细,字体多数都是免费,唯一的缺点中文字体少了些.http://www.dafont.co
- 遇到一个很实际的问题：由于不想增加目录的深度，减少磁盘寻址的时间，需要减少一些目录层级。大家都知道建立文件夹是为了让文件管理更加的方便，现在
- 话说网站首页是用.NET语言写的，而二级栏目页却是用ASP写的，然后再配上众多全手工的静态专题页，整个网站形成了一个大杂烩。想要在这大杂烩中
- 下列语句部分是Mssql语句，不可以在access中使用。SQL语句分类：DDL—数据定义语言(CREATE，ALTER，DROP，DECL
- 1:使用SHOW语句找出在服务器上当前存在什么数据库：mysql> SHOW DATABASES;2:2、创建一个数据库MYSQLDA
- FrontPage 2003在功能上增强了不少，下面我们一起来看看新版本中比较突出的9个新功能。1.自定义浏览器分辨率预览检查 在
- Cookies，有些人喜欢它们，有些人憎恨它们。但是，很少有人真正知道如何使用它们。现在你可以成为少数人中的成员－可以自傲的Cookie 大
