js设置元素text文本值源码实例

设置元素的html内容可以使用innerHTML属性，并且此属性能够兼容所有浏览器，但是使用原生javascript设置元素的text文本值，则需要进行一些兼容性处理，因为虽然有一个innerText属性，但是只有IE和谷歌浏览器支持，火狐并不支持，下面就通过代码实例介绍一下如何实现此效果。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script type="text/javascript">  
function getText(obj){ 
  if(obj.innerText){ 
    return obj.innerText; 
  } 
  var text=""; 
  obj=obj.childNodes||obj; 
  for(var index=0;index<obj.length;index++){ 
    if(obj[index].nodeType==3){ 
      text+=obj[index].nodeValue; 
    } 
    else{ 
      text+=getText(obj[index].childNodes);
    } 
  } 
  return text; 
}
window.onload=function(){
  var obt=document.getElementById("bt");
  var oantzone=document.getElementById("antzone");
  obt.onclick=function(){
    alert(getText(oantzone));
  }
}
</script>  
</head>  
<body>  
<p id="antzone">
  <strong>
    <font color="red">51前端</font>antzone
  </strong>
</p>
<input type="button" id="bt" value="查看效果"/>
</body>  
</html>

代码描述：js设置元素 text文本值。js设置元素text文本值源码实例

下载全部收藏

154 206

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册