`
a1520708
  • 浏览: 28134 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js createElement 和 insertBefore和火狐区别

    博客分类:
  • js
 
阅读更多
IE有3种方式都可以创建一个元素:

1 document.createElement("<input type=text>")
2 document.createElement("<input>")
3 document.createElement("input")

Firefox只支持一种方式:
document.createElement("input");document.setAttribute(name,value);

------------
注: 在一个节点下增加子节点 IE也比Firefox下的方式要多.

IE: 

node.insertBefore(Element);在火狐中会报错,因为该方法为两个参数的方法,火狐会检查方法是否传对,所以用的时候应为

node.insertBefore(Element, null);
分享到:
评论
1 楼 目步 2012-09-10  

相关推荐

    Firefox和IE兼容参考

    在网页开发过程中,Firefox(火狐浏览器)和Internet Explorer(IE浏览器)的兼容性问题一直是一大挑战。这两个浏览器在解析HTML、CSS以及JavaScript时有着不同的实现方式,导致某些代码在Firefox下正常运行,但在IE...

    document.createElement()用法及注意事项(ff下不兼容)

    在Netscape、Opera和Firefox中,`type`属性可以在将元素添加到DOM(如通过`appendChild`或`insertBefore`方法)之前或之后设置。但在Internet Explorer中,`type`属性必须在其他属性之前设置。例如: ```javascript...

    JS读取,添加,修改XML

    - 描述中提到只支持IE,这是因为旧版本的IE(尤其是IE8及以下)使用了ActiveXObject来处理XML,而现代浏览器如Chrome、Firefox和QQ浏览器更倾向于使用DOMParser和XMLHttpRequest。因此,确保代码兼容性是必要的,...

    js增删dom控件 js的调试 断点与log

    - 浏览器内置的开发者工具(如Chrome DevTools、Firefox Developer Tools等)提供了强大的调试功能。 2. 断点: - 在代码行号前点击可设置断点,当执行到这一行时,程序会暂停,允许检查变量状态、执行步进操作...

    javascript DOM笔记 1

    然而,由于它也包含非元素节点,所以在Firefox下可能不符合预期。为了解决这个问题,可以使用`children`属性,它仅返回元素节点,是一个更兼容的获取子元素的方法。`nodeType`属性用于识别节点类型,其中1表示元素...

    javascript动态生成页面元素

    例如,IE和Firefox对`innerHTML`的处理存在差异,这可能需要使用条件语句来区分不同的浏览器行为: ```javascript if (document.all && document.getElementById) { // IE specific code } else { // Firefox and...

    js-广告弹窗

    7. **浏览器兼容性**:由于不同的浏览器可能对 JavaScript 支持程度不同,开发广告弹窗时需要测试其在主流浏览器(如 Chrome、Firefox、Safari 和 Edge)上的表现,确保跨平台兼容性。 8. **广告跟踪**:JavaScript...

    超级爽的 js 遮罩层 谦容 FF IE 支持拖动...

    在JavaScript编程中,创建一个兼容Firefox(FF)和Internet Explorer(IE)的遮罩层是一项常见的需求,特别是在构建交互式Web应用或者需要弹出框、提示信息时。标题中的"超级爽的 js 遮罩层 谦容 FF IE 支持拖动...

    有你用的js代码

    - **非IE浏览器**:如Firefox、Chrome等,则通过`document.implementation.createDocument`创建XML文档对象。 示例代码如下: ```javascript var xmlDoc; if (window.ActiveXObject) { xmlDoc = new ActiveXObject...

    javascrip和xml Dom小练习

    例如,在Chrome或Firefox中,可以使用`console.log()`来打印变量值,利用断点(breakpoint)暂停执行,通过步进(step in, step over, step out)控制程序流程,检查堆栈和变量状态。 3) **DOM操作**: DOM是XML和...

    JavaScript实现清空(重置)文件类型INPUT元素值的方法

    这种方法适用于IE11及以上以及非IE的现代浏览器,如Chrome、Firefox和Opera。代码如下: ```javascript function clearInputFile(f) { try { f.value = ''; // 适用于IE11, Chrome/Firefox/Opera等 } catch ...

    Javascript弹窗代码大全(收集)

    文档中提供了一个名为`ForceWindow`的类,它支持在多种浏览器(如IE5+、Firefox1.0、Mozilla1.7.5、Netscape7.2、Opera7.23)下正常工作。该类根据浏览器类型采取不同的策略: - 对于非IE浏览器,创建一个隐藏的`...

    DOM的基本方法.txt

    Firefox提供了`swapNode()`方法来交换两个节点的位置。但在其他浏览器中可能不支持,可以使用以下通用方法实现: **示例**: ```javascript function swapNode(node1, node2) { const parent = node1.parentNode; ...

    js加入收藏夹代码(兼容ie/ff/op)

    在本文中,我们将讨论如何使用JS实现一个兼容IE、Firefox(FF)和Opera(OP)浏览器的加入收藏夹功能。这个功能允许用户将当前网页保存到他们的浏览器收藏夹中,方便日后访问。 首先,我们来看给出的代码: ```...

    掌握 Ajax\掌握 Ajax第 5 部分-操纵 DOM

    无论是在Apple's Safari、Firefox、Microsoft Internet Explorer还是Mozilla等不同浏览器环境下,DOM都确保了代码的一致性和兼容性。 #### 跨浏览器与跨语言的DOM DOM作为一种标准,得到了几乎所有现代Web浏览器的...

    检查浏览器IE6提示升级

    当检测到用户使用的是IE6时,会显示一个特定的警告消息,告知用户他们的浏览器版本过旧,建议升级到更现代的浏览器,如Chrome、Firefox、Edge或者更新版本的IE。这个提示通常以一个浮动的DIV元素形式出现在页面顶部...

    编写跨浏览器的javascript代码必备[js多浏览器兼容写法]

    在IE 6.0、Firefox 2.0、Mozilla 1.5等浏览器中,一些基础的JavaScript API和DOM操作方法存在差异。开发者在进行DOM操作时,常用到的`document.all`、`document.getElementById`、`document.getElementsByName`等...

    让innerHTML的脚本也可以运行起来

    然而,当你使用`innerHTML`来插入包含JavaScript脚本的HTML字符串时,浏览器的处理方式可能会有所不同,尤其是在Internet Explorer(IE)和Firefox之间。 在描述中提到的问题是关于在`innerHTML`后插入的脚本是否...

Global site tag (gtag.js) - Google Analytics