JS遍历HTML获取指定className内容并去除标签

作者:小圆点

时间:2026-10-27

浏览:356

本文介绍如何使用JavaScript遍历HTML文档中的所有标签,通过匹配指定的className获取对应元素的innerHTML内容,并利用正则表达式去除其中的HTML标签,最终返回纯文本结果。

文章目录

JS遍历HTML获取指定className内容并去除标签

示例代码:

 
<script type="text/javascript">
function queryClass(classnames){
var classobj= new Array();//声明数组变量
var classint=0;//初始化数组索引
var tags=document.getElementsByTagName("*");//获取页面所有HTML元素节点
for(var i in tags){//遍历所有标签元素
if(tags[i].nodeType==1){//检查节点是否为元素类型
if(tags[i].getAttribute("class") == classnames)//匹配指定class名称的元素
{ 
return tags[i].innerHTML;
classint++;
} 
} 
} 
} 
var text=queryClass("className");//调用函数获取指定class的内容
var result=text.replace(/<[^>]+>/g,"");//利用正则表达式移除HTML标签
alert(result);
</script>

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章