JavaScript获取HTML中span标签值的两种方法
作者:竹影时间:2026-10-30 11:10:23浏览:457
本文介绍在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);

第二种方式:使用.innerHTML属性。
var x2 = document.getElementById("testid").innerHTML;
alert("x2="+x2);

以上即为JavaScript获取HTML span标签值的两种简单实现方式,供参考使用。
作者最新文章
网页开发三者分工:HTML结构、CSS样式与JavaScript交互怎么协作
2026-11-05 12:51:22
JS解析URL参数时怎么处理中文乱码和特殊字符
2026-11-05 12:47:23
js-cookie 存储 JSON 对象:自动序列化与反序列化技巧
2026-11-05 12:36:26
marked.js 快速上手:安装与基础 Markdown 转 HTML 示例
2026-11-05 09:32:53
Phaser.js 与 PixiJS、Cocos Creator 的技术选型对比
2026-11-05 08:36:30
