首页 > Web开发 > 详细

[js] - 为子节点增加鼠标移入和移出的样式

时间:2021-06-23 09:31:26      阅读:14      评论:0      收藏:0      [点我收藏+]
var cards = document.querySelectorAll(".card");
for (let index = 0; index < cards.length; index++) {
    const card = cards[index];
    card.addEventListener("mouseover",function(){
        var chils = this.childNodes
        for (let i = 0; i < chils.length; i++) {
            let e = chils[i];
            if(e.nodeType==1 && e.classList.contains(‘card-info‘)){
                e.classList.remove("fontDown");
                e.classList.add("fontUp");

            }
        }
    },false)
    card.addEventListener("mouseout",function(){
        var chils = this.childNodes
        for (let i = 0; i < chils.length; i++) {
            let e = chils[i];
            if(e.nodeType==1 && e.classList.contains(‘card-info‘)){
                e.classList.remove("fontUp");
                e.classList.add("fontDown");
            }
        }
           
    },false)
}

 

[js] - 为子节点增加鼠标移入和移出的样式

原文:https://www.cnblogs.com/500m/p/14920953.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!