innerText兼容处理
2024-09-25 19:47:34
转载自:https://www.cnblogs.com/leejersey/p/3520497.html;稍微改了一下和加了一些注释;
IE、Safari、Opera和Chrome支持innerText属性。Firefox虽然不支持innerText,但支持作用类似的textContent属性。textContent是DOM3级规定的一个属性,而且也得到了safari、opera和Chrome的支持。为了确保跨浏览器兼容,有必要想下面这样通过函数来检测可以使用哪个属性:(注:与之对应的还有innerHTML{这个貌似不需要兼任性处理各个主流浏览器内核都是一样的处理},而jQuery的val是指elem的value属性的值)
var div = document.getElementById("content");
function getInnerText(element) {
// 先判断获得的元素里是否有textContent属性,如果没有则这里会是"undefined"
return (typeof element.textContent === "string") ? element.textContent : element.innerText;
}
function setInnerText(element, text) {
if (typeof element.textContent === "string") {
element.textContent = text;
} else {
element.innerText = text;
}
}
setInnerText(elem, "Hello world!");
alert(getInnerText(elem)); //"Hello world!"
最新文章
- SQLServer 列出每个表的列和属性
- meta name=";viewport"; content=";width=device-width,initial-scale=1.0"; 解释
- 一、HTML和CSS基础--HTML+CSS基础课程--第2部分
- 封装cookie localStorage sessionStorage
- Core Text
- oracle安装分析
- 关于.net中的脚本语言使用
- Enter password: ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)
- CodeForces - 527D Clique Problem (图,贪心)
- 树状数组lowbit()函数原理的解释 x&;(x^(x-1)) x&;-x
- 爬虫(三)http和https协议
- 搭建Jmeter + Grafana + InfluxDB性能测试监控环境
- git master 回滚代码
- 树遍历(广度优先 vs 深度优先)
- (转)Linux内核参数之arp_ignore和arp_announce
- 【zheng环境准备】安装zookeeper
- Linux虚拟机安装VMware Tools
- JavaScript Drag处理
- 在jQuery定义自己的扩展方法函数
- 安装OpenSSL缺失Microsoft Visual C++ 2008 Redistributables的解决方案
热门文章
- 8.21 :odd??:nth-of-type??
- 【 python】输出随机的字符或数字
- MVC学习(四)几种分页的实现(1)
- vue.js路由vue-router
- Django 模板语言 路由 视图
- socket 进阶
- python 字符串 列表 字典 常用方法
- 时间处理:计算下一天日期,如输入";2004/12/31";(注释2014年12月31日),则输出";2005/1/1";.
- 4N - 素数回文
- BOM心得-定时器