IT界菜比
2018-10-26 02:51
采纳率: 0%
浏览 4.1k
已结题

JS 在没有id的情况下获取span标签class里的值。

0
1
2
3

怎么点击0时获取Class里的值AAA??

  • 点赞
  • 收藏

6条回答 默认 最新

  • var texs = document.getElementsByName("name2"); 但是这个返回的是个数组,如果控件名称是唯一的那就返回数组,但只有一个元素。
    for(var i = 0; i < texs.length; i++) {
    alert( texs[i].value);
    }

    获取class值:var span=document.getElementsByTagName("span")[0].getAttribute("class");
    楼上的答案简单明了。

    我都做演示了
    图片说明
    图片说明

    点赞 打赏 评论
  • 紫气天堂 2018-10-26 03:18

    var span=document.getElementsByTagName("span")[0].getAttribute("class");

    点赞 打赏 评论
  • Burgess_Lee 2018-10-26 05:22

    具体解释如下,纯手工编写,格式有些问题,还望广大网友见谅,如果帮助到你,还望采纳。
    代码如下:

    图片说明
    效果如下:
    图片说明

    点赞 打赏 评论
  • 程序员的键盘 2018-10-26 06:33
     <script>
            [...document.getElementsByTagName("span")].forEach(item=>{//给所有span添加一个单击事件(单击时触发function函数)
                    item.addEventListener('click',function (e) {
                        e.stopPropagation();//阻止事件冒泡
                        alert(this.getAttribute("class"));
                });
            });
        </script>
    
    点赞 打赏 评论
  • 天际的海浪 2018-10-26 10:05
    <!doctype html>
    <html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta charset="UTF-8" />
    </head>
    <body>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <span class="AAA">0</span> <span class="SSS">1</span> <span class="XXX">2</span>
    <script type="text/javascript">
    $(function(){
        $("span").click(function(event){
            alert(this.className);
        });
    });
    </script>
    </body>
    </html>
    
    
    点赞 打赏 评论
  • 我笔记 2018-10-26 03:08

    document.getElementsByTagName("span")[0].getAttribute("class");

    点赞 打赏 评论

相关推荐 更多相似问题