JavaScript获取HTML中span标签值的两种方法

作者:竹影

时间:2026-10-30

浏览:458

本文介绍在JavaScript中获取HTML span标签值的两种常用方法。通过document.getElementById定位元素后,分别使用innerText属性获取纯文本内容,或使用innerHTML属性获取包含HTML标签的完整内容。文章提供了具体的代码示例,帮助开发者快速掌握这两种DOM读取方式的区别与应用场景。

文章目录

JavaScript获取span标签值的方法

HTML页面中包含如下结构:


<span id="testid">aaaa</span> 

对应的JavaScript获取代码如下:

第一种方式:使用.innerText属性。


var x1 = document.getElementById("testid").innerText; 

alert("x1="+x1); 

JavaScript获取span标签值的方法

第二种方式:使用.innerHTML属性。


var x2 = document.getElementById("testid").innerHTML; 

alert("x2="+x2); 

JavaScript获取span标签值的方法

以上即为JavaScript获取HTML span标签值的两种简单实现方式,供参考使用。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章