获取从对象的起始位置到终止位置的全部内容
outerHtml事件兼容
功能：获取从对象的起始位置到终止位置的全部内容
因为outerHTML属性只有IE浏览器才有,所以当浏览器不支持outerHTML的时候，给浏览器的全局HTMLElement设置innerHTML，让页面上所有的元素都有outerHTML这个事件
事例：
未使用UForm框架前
html:
<div id="box" style="background:red;width:100px;height: 100px;">
<span>你好啊</span>
</div>
js：
var box= document.getElementById("box");
Node.prototype.myOuterHTML=function outerHTML () {
var _this=this;
var chating=_this.cloneNode(true)
var myDiv=document.createElement("div");
myDiv.appendChild(chating);
var str= myDiv.innerHTML;
chating=null;
return str;
};
console.log(box.myOuterHTML());
使用UForm框架
html:
<div id="box" style="background:red;width:100px;height: 100px;">
<span>你好啊</span>
</div>
js：
$("#box")[0].outerHtml;
用来测试的框:
注:$("#inner")[0]获取的是上面框的id
outerHTML可以用来更改或获取元素内所有的html和文本内容,包含引用该方法元素自身的标签
$("#inner")[0].outerHtml = "<div style='background:red;width:300px;height:50px'></div>"
返回结果
