关于innerText和textContent

diantiaozhu8383

于 2015-03-03 17:50:00 发布

阅读量111

点赞数

原文链接：http://www.cnblogs.com/junxi/p/5228502.html

版权

<!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分别获取和设置文本。

转载于:https://www.cnblogs.com/junxi/p/5228502.html