笔记-【1】-javascript中DOM文本的兼容性问题。

在DOM中的的文本的四个属性兼容性问题.

    1:innerText 2:outerText 3:innerHTML 4:outerHTML

    innerText:就是向元素对象插入文本内容(可以是字符串或者是html标签),但是该属性在firefox下不支持,而是支持textContent。兼容处理的方法是:

    obj.innerText=textContent='文本内容';或者:

        if(oS.innerText){

oS.innerText='<div ></div>';

}else{

oS.textContent='<div ></div>';

}

}

    outerText:把该属性的对象给文本内容给替换掉.

    如:<div></div>  当 div.outerText='51cto';在网页中div将会被51cto给替换掉。 该属性不支持firefox 并且该属性不常用。

    

      

    innerHTML:向元素对象中插入文本或者是html标记,但是html标记将会被解释.这个跟innerText是有区别的。innerHTML是非常常用的。


    

    outerHTML:把该属性的对象给替换掉outerHTML中的标签内容

    如:<div></div>  当 div.outerHTML='<p></p>';在网页中div将会被<p>标签给替换掉。该属性不常用。

 

代码:  

<script>

window.onload=function(){

var oS=document.getElementById("span");

//oS.innerText=oS.textContent='<div ></div>';

/*if(oS.innerText){

oS.innerText='<div ></div>';

}else{

oS.textContent='<div ></div>';

}*/

//oS.innerHTML='<div>11</div>';

oS.outerHTML='<p></p>';

//oS.outerText='51cto';

}

</script>

</head>


<body>

<span id="span"></span>



    

你可能感兴趣的:(JavaScript,字符串,标签,兼容性,firefox)