JS 获取 span 标签内容的跨浏览器兼容方案

作者:白露

时间:2026-10-23

浏览:129

本文介绍如何在 JavaScript 中获取 span 标签内的文本值,并解决 IE 与 Firefox 浏览器之间的兼容性问题。通过判断浏览器类型,分别使用 outerText 和 textContent 属性,确保代码在不同环境下均能正确运行。

文章目录

跨浏览器获取 span 文本值的兼容方案

在 JavaScript 开发中,获取 span 标签内的文本内容时,不同浏览器存在差异:IE 浏览器支持 outerText 属性,而 Firefox 浏览器则支持 textContent 属性。


核心代码实现

具体实现代码如下:

if (isIE)
{ 
var spanTest=document.getElementById('spanTest');
spanValue = spanTest.outerText;
} 
else
{ 
spanValue = spanTest.textContent;
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章