文章详情页
nodeValue vs innerHTML和textContent。如何选择?
浏览:282日期:2024-04-16 16:58:06
如何解决nodeValue vs innerHTML和textContent。如何选择?? 将内容解析为HTML,因此需要更长的时间。 使用纯文本,不解析HTML,并且速度更快。 使用纯文本,不解析HTML,并且速度更快。 考虑样式。例如,它不会获取隐藏文本。
innerText根据caniuse的说法,直到fireFox45才在firefox中不存在,但现在所有主要浏览器都支持该功能。
解决方法我正在使用普通js来更改label元素的内部文本,但是我不确定应该基于什么理由使用innerHTML或nodeValue或textContent。我不需要创建新节点或更改HTML元素或其他任何内容,只需替换文本即可。这是代码示例:
var myLabel = document.getElementById('#someLabel');myLabel.innerHTML = 'Some new label text!'; // this worksmyLabel.firstChild.nodeValue = 'Some new label text!'; // this also works.myLabel.textContent = 'Some new label text!'; // this also works.
我浏览了jQuery源,它只使用一次nodeValue,但是多次使用innerHTML和textContent。然后,我发现此jsperf测试表明firstChild.nodeValue明显更快。至少这就是我的解释。
如果firstChild.nodeValue快得多,那么有什么收获呢?是否得到广泛支持?还有其他问题吗?
标签:
HTML
上一条:HTML标签上的非标准属性。好东西吗 坏事?你的想法?下一条:Safari的html5 localStorage错误:“ QUOTA_EXCEEDED_ERR:DOM异常22:试图向存储中添加超出配额的内容。”
相关文章:
1. 无法为JSP编译类:无法解析类型java.util.Map $ Entry。从所需的.class文件间接引用它2. mysql - 仅仅只是把单引号与反斜杠转义不用prepare statement能否避免sql注入?3. html - angularJS中switch切换开关按钮不能操作4. css3 - 扩展本地项目中阿里的iconfont字体库,添加图标字体5. css3不包括6. javascript - 如何将一个长为365的数组对象按月份切割成12组?7. node.js - npm安装模块时,在cmd上显示的是一条白线,白线前面是一天反斜线转圈圈,然后就出现npm ERR错误了,求帮助,谢谢8. 求救一下,用新版的phpstudy,数据库过段时间会消失是什么情况?9. 百度地图api - Android 百度地图 集成了定位,导航 相互的jar包有冲突?10. javascript - 页面加载慢,有什么优化方案
排行榜

网公网安备