ie9DOM Exception: INVALID_CHARACTER_ERR (5) 的解决

最新推荐文章于 2024-05-09 17:26:51 发布

原创最新推荐文章于 2024-05-09 17:26:51 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#INVALID_CHARACTER_ERR (5) #DOM Exception: INVALID_CHARACTER_ERR (5)

javascript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了在IE9中创建DOM元素时遇到的问题及解决方法。由于IE9开始严格遵循标准，不能直接使用完整的HTML标签创建元素。文中提供了一个示例代码，展示了如何根据不同版本的IE浏览器和其他现代浏览器进行适配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[size=large][color=blue]
今天在和同事调试一个问题的时候，ie9在createElement的时候报错：DOM Exception: INVALID_CHARACTER_ERR (5)，google了一番才发现IE9创建DOM元素的方式较之前有了改变，开始严格遵循标准的实现，不允许通过直接传入一个完整html标记的方式来创建Dom元素。所以需要判断浏览器的版本。
[/color][/size]


if (!is_ie678()) {
            // firefox,chrome,ie9以上版本处理
            new_name_item = document.createElement("input");
            new_name_item.name = opt.id;
            new_name_item.checked = true;

            new_name_item.type = "checkbox";
            new_name_item.className = opt.id + "_class";
            // 如果是单选
            if (opt.multiuser != 'multiuser') {
                new_name_item.setAttribute("onclick", "checkSelectStatus(this, '" + opt.id + "_class')");
            }
        } else {
        // ie678下处理
            var html = "<input class='" + 
                String(opt.id) + "_class' " + 
                ((opt.multiuser == 'multiuser') ? "" : "onclick=\"checkSelectStatus(this, '" + opt.id + "_class')\"") + " name='" + 
                opt.id + "' checked='checked' type='checkbox'/>";

            new_name_item = document.createElement(html);
        }

function is_ie678(){
   return is_ie() && ((window.ScriptEngineMinorVersion()==7) || (window.ScriptEngineMinorVersion()==8));
}