`

让 FireFox 也支持 outerHTML

阅读更多
if(typeof(HTMLElement)!="undefined" && !window.opera)
...{
    HTMLElement.prototype.__defineGetter__("outerHTML",function()
    ...{
        var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++)
        if(a[i].specified)
            str+=" "+a[i].name+'="'+a[i].value+'"';
        if(!this.canHaveChildren)
            return str+" />";
        return str+">"+this.innerHTML+"</"+this.tagName+">";
    });
    HTMLElement.prototype.__defineSetter__("outerHTML",function(s)
    ...{
        var r = this.ownerDocument.createRange();
        r.setStartBefore(this);
        var df = r.createContextualFragment(s);
        this.parentNode.replaceChild(df, this);
        return s;
    });
    HTMLElement.prototype.__defineGetter__("canHaveChildren",function()
    ...{
        return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase());
    });
}
分享到:
评论

相关推荐

    解决Firefox下outerHTML不支持问题

    标题"解决Firefox下outerHTML不支持问题"提示我们关注的是如何在Firefox中使用或模拟这个功能。 在Firefox中,如果尝试直接使用`element.outerHTML`,可能会遇到返回`null`或者不工作的情况。这是因为Firefox早期...

    JavaScript在IE和Firefox(火狐)的不兼容问题解决

    标题与描述均聚焦于“JavaScript在IE和Firefox(火狐)的不兼容问题解决”,这表明文章旨在探讨并提供解决方案来处理在不同浏览器环境下的JavaScript兼容性问题,尤其是在Internet Explorer(IE)和Mozilla Firefox...

    Firefox中使用outerHTML的2种解决方法

    总的来说,尽管Firefox早期版本不支持`outerHTML`,但开发者可以通过上述两种方式来实现跨浏览器的兼容性,确保在Firefox中也能正常使用`outerHTML`的功能。在实际开发中,根据项目需求和对浏览器兼容性的考虑,可以...

    解决Firefox下不支持outerHTML问题代码分享

    本文主要讨论的是如何解决Firefox浏览器不支持`outerHTML`属性的问题。`outerHTML`是Internet Explorer(IE)特有的一个属性,它允许开发者获取或设置一个元素及其所有子元素的HTML表示形式。然而,Firefox和其他...

    Firefox和IE兼容性问题及解决方法总结

    在开发跨浏览器的应用时,尤其是基于JavaScript的网页应用,Firefox和Internet Explorer(IE)之间的兼容性问题时常出现,这给开发者带来不小的困扰。本文将针对这些常见问题提供解决方案。 1. **outerHTML属性兼容...

    编写兼容IE和FireFox的脚本

    Firefox不支持`node.removeNode(true)`,应改用`node.parentNode.removeChild(node)`来移除节点。 ```javascript function removeNode(node) { node.parentNode.removeChild(node); } ``` 六、outerHTML属性 Fire...

    JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结

    1.兼容firefox的 outerHTML,FF中没有outerHtml的方法。 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__(“outerHTML”,function(sHTML) { var r=this.ownerDocument.createRange(); ...

    innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解

    outerHTML属性用来读取或设置HTML代码时,会把节点本身...注意,innerText是非标准属性,Firefox不支持。 1.innerText受CSS影响,textcontent没有这个问题。比如,如果CSS规则隐藏了某段文本,innerText就不会返回这

    web前端开发笔试集锦(javascript篇)[总结].pdf

    Firefox不支持`outerHTML`属性,但可以通过创建新的元素,克隆当前元素并设置其innerHTML,再将新元素的outerHTML返回,从而实现类似的功能。 这些是JavaScript在实际开发中经常会遇到的问题,理解并掌握它们对于...

    innerHTML,outerHTML,innerTEXT三者之间的区别

    - **兼容性**:`innerText` 在某些浏览器(如Firefox)中可能不被支持,此时可以使用`textContent`作为替代。 #### 案例演示 假设有一个id为"testdiv"的div元素: ```html 这是一个示例 包含一些;"&gt;内联元素...

    web前端开发笔试集锦(javascript篇)参考.pdf

    7. **FF下的outerHTML**:Firefox不支持`outerHTML`属性,但可以通过创建新的元素,克隆原始元素,并设置新元素的innerHTML为原始元素的outerHTML来实现类似功能。 以上知识点涵盖了JavaScript的基础语法、字符串...

    web前端开发笔试集锦(javascript篇)定义.pdf

    7. `outerHTML`属性:在Firefox中不支持`outerHTML`,但可以通过创建一个新元素,克隆目标元素并设置新元素的`innerHTML`,然后获取`outerHTML`来实现类似功能。 以上知识点涵盖了字符串操作、正则表达式、对象与...

    (完整word版)Web前端开发笔试题集锦(已读)解析.doc

    - **innerText, textContent, outerHTML**:IE支持`innerText`和`outerHTML`,Firefox支持`textContent`。 - **用id代替HTML元素**:IE允许,Firefox不允许。 5. **解决JavaScript多人开发中函数重名问题**: - ...

    Web前端开发笔试题集锦(已读).doc

    7. Firefox不支持`outerHTML`属性,但可以通过创建临时元素并复制innerHTML和outerHTML来实现类似功能。 了解这些知识点对于Web前端开发者至关重要,它们涵盖了基础语法、正则表达式、字符串操作、浏览器兼容性、...

    js有关元素内容操作小结

    1[removed] 这个大家一定都很熟悉,可读可写,修改元素内容相当... 遗憾的是,firefox目前还不支持(我当前用firefox8),其他浏览器支持的还不错,在ff中可以用innerHTML来模拟实现。 3.documentFragment DocumentF

    详谈innerHTML innerText的使用和区别

    但需要注意的是,浏览器的支持性不同,IE浏览器支持innerText,而Firefox浏览器不支持。 下面是一个示例代码,演示了innerHTML、outerHTML、innerText和outerText的使用方法: 示例代码: ``` &lt;p id="p1"&gt;hello ...

Global site tag (gtag.js) - Google Analytics