Question

JS怎么获取包含指定class name的内容

例如
<p class="c7 pa5">HELLO,大家好</p>
<p class="2a 3c c7 pa5">大家好</p>

以上两个都包含c7 pa5 我要用js如何获取里面的文字内容呢?

Answer 1

思路：根据标签名称获取所有span对象，然后根据类名筛选出目标对象，最后使用 innerHTML 属性获取文本。实例演示如下：

1、HTML结构

<span class="xing">姓氏</span>
<span class="name">名字</span>
<span class="sheng">籍贯</span> <br>
<input type='button' value='获取class=name的span' onClick="fun()"/>

2、javascript代码

function fun(){
obj = document.getElementsByTagName("span");
class_name = "name";
for(i in obj){
if(obj[i].className == class_name){
alert(obj[i].innerHTML);
return
}
}
}

3、效果演示