本文介绍如何使用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>