<!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>
webAPI03-6innerText(textContent)兼容性处理
最新推荐文章于 2020-06-21 16:47:37 发布