<input type="button" value="请输入内容" id="btn"/>
<div id="dv">232</div>
<script>
function my(id){
return document.getElementById(id);
}
//设置标签中的文本内容,使用textContext属性 ie8以下不支持,使用innerText属性都支持
//兼容代码
//设置任意标签中间的任意文本内容
function setInnerText(element,text){
//判断浏览器是否支持这个属性
if(typeof element.textContent=="undefined"){
element.innerText=text;
}else{
element.textContent=text;
}
}
//获取任意标签中间的文本内容
function getInnerText(element){
if(typeof element.textContent=="undefined"){
return element.innerText;
}else{
return element.textContent;
}
}
//点击按钮设置div中的文本内容
my("btn").onclick=function(){
//设置标签中间的文本内容,
setInnerText(my("dv"),"哈哈");
}
</script>
</body>
js不同浏览器兼容innerText属性
最新推荐文章于 2023-09-15 14:00:00 发布