查看關於 createElement 的文章
今天處理了一個日期選擇器的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 的返回值。