js怎么获取<span class="name">名字<span>中的内容:名字

思路：根据标签名称获取所有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 = documentgetElementsByTagName("span");

class_name = "name";

for(i in obj){

if(obj[i]className == class_name){

alert(obj[i]innerHTML);

return

}

}

}

3、效果演示

根据你的需求，举例如下：

documentquerySelector：获取首个（单个）符合条件元素

documentquerySelector('name'); //获取页面上首个class属性中包含name的元素。

documentquerySelectorAll：获取全部符合条件元素

documentquerySelectorAll('name'); //获取页面上全部class属性中包含name的元素。

非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的：

function getClassName(obj,sName) //-->obj是要获取元素的父级

{ //-->sName是class名字

if(documentgetElementsByClassName)

{

return objgetElementsByClassName('sName');

}

else

{

var aTmp = objgetElementsByTagName('');

var aRes=[];

var arr =[];

for(var i=0;i<aTmplength;i++)

{

arr = aTmp[i]classNamesplit(' ');

for (var j=0;j<arrlength;j++)

{

if(arr[j] == sName)

{

aRespush(aTmp[i]);

}

}

}

return aRes;

}

}

大概思路，是将你要获取class元素父级下的所有元素都取出来，再循环查找className，满足的元素存到数组中，然后返回。

以上就是关于js怎么获取<span class="name">名字</span>中的内容:名字全部的内容，包括:js怎么获取<span class="name">名字</span>中的内容:名字、js怎么通过class获取元素、js怎么根据class获取元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！