关于捕捉到元素被增加class的方法

假设有很多个标签用定时器每一秒被其中增加一个class其他标签remove 掉，这个方法被封装了。运行页面后不动他的方法我怎么写才可以实时捕捉到被增加class的标签

解决方案 »

  1.   

    全局查询用这个class的dom， document.querySelectorAll(class)
      

  2.   

    document.getElementsByClassName("class")
    or
    document.querySelectorAll(".class")
      

  3.   

    我的意思是这些class由定时器一直增加或减去一个class是动态的emmm，页面运行后一直在动态增加或减少，getElementsByClassName是静态的啊，想要一个监控的功能不能再写个定时器把=-=
      

  4.   

    定时器会添加或者删除有class的dom，直接放在执行增加或减去操作之后获取不就行了，你自己都说为啥就想不明白？
      

  5.   

    不用监控。getElementsByClassName()方法返回的dom集合对象就是动态自动更新的。
      

  6.   


    <body><div class="test">a</div>
    <div>b</div>
    <script type="text/javascript">
    var ds = document.getElementsByClassName("test");
    alert(ds[0].innerHTML);// a
    document.getElementsByTagName("div")[0].className = "";
    document.getElementsByTagName("div")[1].className = "test";
    alert(ds[0].innerHTML);// b
    </script></body>
      

  7.   


    <div class="test">wowoow </div>
    <div class="">wowoow </div>
    <div class="">wowoow </div>
    <div class="">wowoow </div>
    var i=0;
    function aaa(){
    $("a").eq(i).addClass("on").siblings().removeClass("on");
    i++;
    if(i==$("a").length)
    {
    i=0;
    } }
    setInterval(aaa,1000); var ds = document.getElementsByClassName("test");
        alert(ds[0].innerHTML);// a
    我的意思每当a标签加了class我就改他的内容