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

最新推荐文章于 2022-05-15 22:24:23 发布

codingWeb

最新推荐文章于 2022-05-15 22:24:23 发布

阅读量260

点赞数

分类专栏： js 前端

本文链接：https://blog.csdn.net/fesfsefgs/article/details/100674270

版权

前端同时被 2 个专栏收录

116 篇文章 8 订阅

订阅专栏

29 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

codingWeb

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js解决浏览器兼容性问题的原理

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box"> </div> ...
复制链接

扫一扫