JS遍历HTML获取指定className内容并去除标签
作者:小圆点时间:2026-10-27 14:27:11浏览:357
本文介绍如何使用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>作者最新文章
JS在setTimeout或Ajax回调中打开新标签页失败怎么处理
2026-11-05 15:50:12
JS直播协议选型:HLS、FLV与WebRTC的延迟与兼容性对比
2026-11-05 12:16:14
JS实现回到顶部:scrollTop赋值与浏览器兼容性处理
2026-11-04 23:43:35
JS使用classList动态添加、移除和切换CSS类名
2026-11-04 23:40:58
在 D3.js 中实现平滑过渡动画的技巧
2026-11-03 23:46:09
