码迷,mamicode.com
首页 > 其他好文 > 详细

关于innerText和textContent

时间:2015-03-03 22:20:43      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>RunJS</title>
	</head>
	<body>
		<div name="dddd">
			<ul>
			<li>sssssss</li>
			<li>sssssss</li>
			<li>sssssss</li>
			<li>sssssss</li>
			<li>sssssss</li>
			</ul>
		</div>
		<script>
		  var odiv=document.getElementsByTagName("div")[0];
			function setText(element,text){
				if(typeof element.textContent=="string"){
				     element.textContent=text;
				}else{
				     element.innerText=text;
				   }
        }
			function getText(element){
				return (typeof element.textContent=="String")?element.textContent:element.innerText;
			}
		  document.write(getText(odiv)) 
		</script>
	</body>
</html>

innerText火狐支持不好,一般我们获取文本都是innerHTML,但是子标签和注释都会出现的。不太好。

innerText刚好解决我们的需求,火狐不支持,但是支持textContent这样就简单多了。兼容一下。两个函数get和set分别获取和设置文本。

关于innerText和textContent

标签:

原文地址:http://blog.csdn.net/u011551941/article/details/44041123

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!