obj.innerHTML 经常用到
obj.outerHTML包括元素本身 很少用 今天看到一个可以兼容firefox 的方法
如:
<ul id="a">
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
</ul>
alert(document.getElementById("a").outerHTML);
输出:
“
<ul id="a">
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
</ul>
”
alert(document.getElementById("a").innerHTML);
输出:
“
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
<li>addsd</li>
”
下面的用来兼容firefox
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());
});
}
参考:http://www.cnblogs.com/doll-net/archive/2007/06/17/786835.html
分享到:
相关推荐
innerHTML、outerHTML、innerText、outerText的用法与区别.doc
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML或是outerHTML 比如说: 代码如下:var crtDIV = document.getElementById(‘divIDName’); if (crtDIV) { crtDIV[removed].removeChild(crtDIV); crtDIV.outerHTML = “”; } 就有可能发现,整个界面都是...
innerHTML-outerHTML-innerTEXT
本文实例讲述了jquery获取及设置outerhtml的方法。分享给大家供大家参考。具体分析如下: 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过...
jquery.outerHtml 一个简单的jQuery插件,用于获取或设置节点的外部HTML,这是IE的元素[以前]专有的outerHTML属性。 获取匹配元素集中第一个节点的外部HTML内容,或设置每个匹配节点的外部HTML内容。入门检查以获得...
主要介绍了javascript innerHTML、outerHTML、innerText、outerText的区别,本文讲解了它们的功能、使用实例、和不同之处,需要的朋友可以参考下
它还介绍了对.outerHTML(function)的支持。 有关更多详细信息,请参见版本说明。 检查“示例”文件夹中的一些工作示例。 使用.outerHTML()获取HTMLString 获取第一个元素HTML及其在匹配元素集中的内容。 var ...
firefox没有outerHTML用以下方法解决
对于DOM对象的innerHTML属性想必大家都不会陌生,但是outerHTML用起来相对于会少一点了,innerHTML属性返回的是DOM对象从开始标签到结束标签中所包含的HTML,而outerHTML属性返回的是包括DOM对象本身标签在内的HTML...
在javascript中如果我们要获取对象内容,js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里,可能很多人不知道吧,接下来跟着小编一起来学习innerHTML,innerText,...
兼容firefox的 outerHTML,FF中没有outerHtml的方法 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__(“outerHTML”,function(sHTML) { var r=this.ownerDocument.createRange();...
innerHTML,outerHTML,innerTEXT三者之间的区别
随着科技的日新月异,各种浏览器层出不穷,最近的项目要求对同时支持IE和FireFox等各种浏览器,为此深受其苦,尤其是对于我这个习惯了使用诸如:"event.srcElement"、"outerHTML"、"parentElement"的人来说。...
jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,后来实验发现有一个jQuery的一个方法可以解决