思路：根據標簽名稱獲取所有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名字
}
}