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>
作者最新文章