js解决浏览器兼容性问题的原理

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
        <div id="box">
        	
        </div>
	</body>
	<script type="text/javascript">
		var box=document.getElementById("box")
		//当属性不存在的时候返回的是 undefined
		console.log(typeof box.src)
		//当属性存在的时候返回的是  该属性的类型 string
		console.log(typeof box.id)
		
		//处理innerText的兼容性问题
		function getInnerText(elements){
			//判断当前浏览器  是否支持元素的innerText属性,如果支持innerText,
			//用ele.innerText获取元素的内容,否则用e.textContent获取内容
           if(typeof elements.innerText === "string"){
              return elements.innerHTML
           }
           else {
           	return elements.textContent
           }
              
		}
		
		
		getInnerText(box)
	</script>
</html>

发布了41 篇原创文章 · 获赞 3 · 访问量 4618

猜你喜欢

转载自blog.csdn.net/fesfsefgs/article/details/100674270
今日推荐