1. 程式人生 > >js 如何id為xx的div中包含的ul中的符合條件的li元素

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

需求:首頁左側有導航欄,點選導航欄,會出現一個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");