随笔 - 179,  文章 - 177,  评论 - 15,  阅读 - 62万

思路:根据标签名称获取所有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名字
    }
}
posted on   飘渺的悠远  阅读(4338)  评论(1编辑  收藏  举报
努力加载评论中...
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示