点击事件为某一个属性值添加后缀值

Question

<div class="aa">

<div class="warp" onclick="select()">
    <div class="pic">
                            
    </div>
    <div class="text">
                           
    </div>
    <div class="date"></div>
</div>

</div>
<div class="aa">

<div class="warp" onclick="select()">
    <div class="pic">
                            
    </div>
    <div class="text">
                           
    </div>
    <div class="date"></div>
</div>

</div>

当我点击的时候使被点击的div 的class属性值变成class="warp grey".
不要用this对象。怎么做呀？谢谢

Answer 1

不要用this...让我想起倚天屠龙记里，赵敏说我不许你用乾坤大挪移也不许你用九阳神功...

Answer 2

先获取到你点击的对象，再给你点击的对象setAtrribute（class，“”）即可

Answer 3

    
    function select (){
        var elem = event.currentTarget;  //获得当前点击元素
        elem.setAttribute("class","wrap grey") //添加属性
    }

Answer 4

event.target应该可以吧