http://w3help.org/zh-cn/causes/SD9017 w3help给了相对详细的解释;
http://msdn.microsoft.com/en-us/library/ms534310(v=VS.85).aspx MSDN中对outerHTMl的解释
<SCRIPT LANGUAGE=”JavaScript”> <!– 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 d = document.createElement(”DIV”); d.innerHTML = s; for(var i=0; i<d.childNodes.length; i++) this.parentNode.insertBefore(d.childNodes[i], this); this.parentNode.removeChild(this); }); HTMLElement.prototype.__defineGetter__(”canHaveChildren”,function() { return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); }); } //–> </SCRIPT>
发表评论
-
测试代码高亮
2012-10-22 15:28 0HTML <h3 class="sh_a ... -
href="javascript:scroll(0,500)"
2012-08-28 10:44 489<a href="javascript:scr ... -
网站与博文收藏
2011-09-09 19:44 904看见好的文章总是忍不住收藏一下! http://w3h ... -
如何实现图片预加载
2011-07-19 10:29 716function loadImage(url, callbac ... -
数组排序专题(二)------快速排序(大量数据)
2011-07-14 14:14 1196看了阮一峰介绍的快速排序方法,觉得受益匪浅 下面是他的链接h ... -
javascript常见扩展方法
2011-07-08 14:44 9471.去掉数组中重复的值 Array.protot ... -
数组排序专题(一)---冒泡排序
2011-06-14 14:44 949最基本的题目:一个数组,未知长度,按从小到大的顺序进行排列;现 ... -
删除数组中重复的元素
2011-06-07 11:02 801//删除数组中重复的元素 var numArr=[6, ... -
javascript中style后面的属性与CSS中的属性区别
2011-05-06 14:36 795在javascript中style后面的属性与 ... -
解淘宝面试题
2011-05-04 16:53 952从网上搜出了淘宝的面试题,做了一下,把代码贴出来,一起讨论下! ... -
获取div、网页、屏幕、浏览器的宽高
2011-05-03 17:37 0test -
闭包实例
2011-04-29 10:39 643闭包是JS中重点难点,自己看了N多文章和实例,检测一下! ... -
type属性是否可以动态修改?
2011-04-23 10:34 643在IE中,type为只读,无法动态修改,除非是通过create ... -
某公司js试题(转来的)
2010-11-26 15:31 1189首先多谢BlueCat,这是从他那转过来的; 1、笔试 ... -
前端开发工程师面试题(转来的)
2010-10-08 16:09 741前端工程师面试题!!! ...
相关推荐
.innerHTM、outerHTML、innerText、outerText的用法与区别 .innerHTML、outerHTML、innerText、outerText是HTML文档对象模型(DOM)中四个常用的属性,它们都是用来操作HTML元素的内容的,但它们之间有着很大的区别...
总的来说,尽管Firefox早期版本不支持`outerHTML`,但开发者可以通过上述两种方式来实现跨浏览器的兼容性,确保在Firefox中也能正常使用`outerHTML`的功能。在实际开发中,根据项目需求和对浏览器兼容性的考虑,可以...
压缩包中的`ff_outerHTML.html`文件很可能包含了一个示例,演示了如何在Firefox中使用上述方法解决`outerHTML`问题。通过打开这个文件,我们可以看到具体的代码实现和使用场景,从而加深理解和应用。 总的来说,...
这样,即使在不支持`outerHTML`的浏览器中,我们也可以通过这段代码实现类似的功能。需要注意的是,这种方法虽然可以解决一部分问题,但可能并不适用于所有情况,例如处理复杂的DOM结构或特定的浏览器兼容性问题。...
在实际开发中,`innerHTML` 和 `outerHTML` 经常结合DOM操作一起使用,以实现动态网页内容的创建和更新。然而,需要注意的是,频繁使用这两个属性可能会对性能造成影响,因为它们会重新解析和渲染整个HTML片段。因此...
下面是一些使用jQuery来操作outerHTML的实例。 ### jQuery 获取outerHTML 要获取一个元素的outerHTML,可以使用如下代码: ```javascript $(".test").prop("outerHTML"); ``` 这段代码将会获取类名为`test`的...
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
// 如果有特定元素需要获取焦点,可以替换下面的document.body document.body.focus(); } ``` 总的来说,理解 `innerHTML` 和 `outerHTML` 在不同浏览器中的行为差异是很关键的,特别是在IE浏览器中。在处理动态...
例如,`myDiv.outerHTML = "<span>New Content</span>"`将替换掉`<div>`为一个新的`<span>`元素。 - 示例:`document.getElementById("test_id3").outerHTML = "<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>...
在原生JavaScript中可以通过使用`outerHTML`属性来实现这一点,但在早期的jQuery API文档中,并没有直接提供类似的方法来获取元素的`outerHTML`。 从内容中可以看到,社区中的开发者经过实验发现,可以通过jQuery的...
根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`outerHTML`。这些属性在Web开发中非常关键,用于获取或设置元素内部的内容。接下来将详细解析这些属性的功能、用途及差异。 ...
outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内。 textContent属性用来读取或设置节点包含的文本内容。 innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的。它们的不同之...
在javascript中如果我们要获取对象内容,js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里,可能很多人不知道吧,接下来跟着小编一起来学习innerHTML,innerText,...
它还介绍了对.outerHTML(function)的支持。 有关更多详细信息,请参见版本说明。 检查“示例”文件夹中的一些工作示例。 使用.outerHTML()获取HTMLString 获取第一个元素HTML及其在匹配元素集中的内容。 var ...