思路：根据标签名称获取所有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名字
}
}