js 如何id为xx的div中包含的ul中的符合条件的li元素

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/cd18333612683/article/details/80388007

需求：首页左侧有导航栏，点击导航栏，会出现一个div,div中有很多可以跳转的页面，但是有的div需要添加一个滚轮，所以需要找到这个div，然后添加一个特殊的类名

重点代码就是：

var div=document.getElementById(“nav_sub”);
var uls=div.getElementsByTagName(“ul”);
var lis=uls[0].getElementsByTagName(“li”);

全部代码：

var div=document.getElementById("nav_sub");
var uls=div.getElementsByTagName("ul"); 
var lis=uls[0].getElementsByTagName("li");
    for(var j=0;j<lis.length;j++){
            var h=lis[j].childNodes[0];
            var i=h.childNodes[0];
            if(i.innerHTML=="首长办公"||i.innerHTML=="日常事务"||i.innerHTML=="公文管理"){
                var div1=lis[j].childNodes[1];
                div1.setAttribute("class","h1_subnav h1_navttop"); 
                var div2=div1.childNodes[0];
                div2.setAttribute("class","h1_subnav_border h1_navttop h1_nav_bodder"); 
    }

}

第二种方法：
如果li是固定的，可以使用第二种方法

$("#nav_sub ul li:eq(9) div div").addClass("h1_nav_bodder");