思路:根据标签名称获取所有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名字
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步