关于innerText和textContent

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

posted @ 2015-03-03 17:50  独孤残情  阅读(139)  评论(0)    收藏  举报