Question

没有分了，求帮助---用js在页面加载后添加样式

如图，在页面加载时添加一个样式在第一个ul上，让其变成第二张图的效果（因为是后台生成的，无法写在HTML）-------





Answer 1

图片看不清，说下思路吧：用jQuery实现，当Dom结果加载完毕，选取第二个ul加上open，兄弟节点去掉open。当然了，到底展开第几个ul你自己判断，你肯定有判断依据吧。比如：
jQuery(document).ready(function(){
$("#menu_zzjsnet").children().eq(1).addClass("open");
$("#menu_zzjsnet").children().eq(1).siblings().removeClass("open")
});
判断依据不一定是序号，你也可以自定义，灵活应用，能找到你要的那个标签就行，重点是样式。

Answer 2

首先你得拿到后台生成的CSS。

然后

$("body").append("<style>" + cssCode + "</style>");

追问

怎么加在第一个ul呢？

追答

哦。我明白你的意思了。原来你是要添加class呀。

$("#menu_zzjsnet > ul:first-child").addClass("open");

追问

你回答的也很好，可能是我不会用，谢谢了

追答

没事。我代码的性能要比你采纳的好:)

$(document).ready(function () {
    $("#menu_zzjsnet > ul:first-child")
        .addClass("open")
        .siblings()
        .removeClass("open");
});

你采纳的有多次遍历DOM树，引起重绘的问题。不过这个比较深入了。

Answer 3

window.onload = function()
{
document.getElementById('menu_zzjsnet').getElementsByTagName('ul')[0].className = 'open';
}