document.createElement 在 IE 和 Firefox 之间的差别

在 IE 中，可以使用以下两种方式来创建一个元素：

1、document.createElement('table')

2、document.createElement('<table border="0">')

 

而在 Firefox 只支持：

document.createElement('table')

 

如果使用 document.createElement('tagName') 的方式来创建元素，那么在创建完元素后设置相关的属性，这个使用起来比较麻烦一点，而且代码也不怎么好看。

 

 为了解决这个问题，我自己写了一个方法：

 

kstar.createElement = function (tagName, properties) {
    /// <summary>
    /// 调用 document.createElement 方法创建一个元素, 定义此方法是因为 IE 和 Firefox 之间有差别
    /// </summary>
    /// <param name="tagName" type="String">
    /// 标签名称
    /// </param>
    /// <param name="properties" type="Object">
    /// 标签的属性名,此属性名与 HTML 中设置的一样
    /// </param>

    var el = document.createElement(tagName);
    if (properties) {
        for (var key in properties) {
            el.setAttribute(key, properties[key]);
        }
    }

    return el;
}