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

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

1、HTML结构

<span class="xing">姓氏</span>

<span class="name">名字</span>

<span class="sheng">籍贯</span> 

<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、效果演示

 

function js(id)

{

    return document.getElementById(id).getElementsByTagName("span");

}

for(var i=0;i<js("left").length;i++)//循环取出id为left的容器里面的所有span

{

    js("left")[i].onclick=function(){

        var cl = this.getAttribute("class");

        alert(cl);//弹出当前span的class名字

    }

}