webAPI03-6innerText(textContent)兼容性处理

最新推荐文章于 2019-09-12 12:14:27 发布

雨乐无穷

最新推荐文章于 2019-09-12 12:14:27 发布

阅读量123

点赞数

分类专栏： JavaScript学习笔记

JavaScript学习笔记专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>innerText(textContent)兼容性处理</title>
	</head>
	<body>
		
		<div id="box">hello,world!</div>
		<script type="text/javascript">
			
			
			
			var box = document.getElementById('box');
			
			
			console.log(getInnerText(box));//调用getInnerText
			
			console.log(typeof(box.a));//浏览器不支持这个属性，则返回undefined
			console.log(typeof(box.innerText));//浏览器支持这个属性，此属性返回的是string
			
			//要处理兼容性问题，首先要判断浏览器是否支持此属性
			function getInnerText(element){
				if(typeof element.innerText === 'string'){
					return element.innerText;
				}else{
					return element.textContent;
				}
			}
			
			
		</script>	
		
		
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雨乐无穷

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webAPI03-6innerText(textContent)兼容性处理

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>innerText(textContent)兼容性处理</title> </head> <body> <div id="box">hello,wor...
复制链接

扫一扫