急,javascript的接口和outerhtml问题?
<input type="text" size="20" id="ss" value="kkk">
<script language="javascript">
alert(document.body.childNodes.length);
alert(document.getElementById("ss").outerHTML);
</script>
第一个问题:节点分为:元素节点,属性节点,文本节点,那么用childNodes.length计算节点的时候为什么只计算元素节点和文本节点,而属性节点就不计算在内?
第二个问题:元素节点可以理解为元素的dom接口,那么属性节点和文本节点可以理解为属性接口和文本接口吗?
第三个问题:alert(document.getElementById("ss").outerHTML);这句在ie下可以输出的出来,为什么在火狐下面显示的是undefined呢?什么原因?请指教!
<input type="text" size="20" id="ss" value="kkk">
<script language="javascript">
alert(document.body.childNodes.length);
alert(document.getElementById("ss").outerHTML);
</script>
第一个问题:节点分为:元素节点,属性节点,文本节点,那么用childNodes.length计算节点的时候为什么只计算元素节点和文本节点,而属性节点就不计算在内?
第二个问题:元素节点可以理解为元素的dom接口,那么属性节点和文本节点可以理解为属性接口和文本接口吗?
第三个问题:alert(document.getElementById("ss").outerHTML);这句在ie下可以输出的出来,为什么在火狐下面显示的是undefined呢?什么原因?请指教!
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());
});
} 本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/sohighthesky/archive/2009/04/11/4065873.aspx