欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

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

程序员文章站 2022-07-04 15:02:23
...
<!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>

上一篇： 浏览器样式兼容性问题及解决方式（一）

下一篇： 解决js new Date()的浏览器兼容性问题，IE、safari中值为Invalid Date的问题

推荐阅读