js控制jsp页面的div显示和隐藏

        $("<td>").html('<a id="name"onclick="hide()";>'+roles[i].roleName+'</a>').appendTo($tr)

在hide()方法里用js写对div的显示与隐藏

你js的写window.onload = function（）{} 或者你用jquery写就简单了

你在div里加一个class属性，然后

style="visibility: none;"

document.getElementByClass("class1").style.visibility="hidden";//隐藏

document.getElementByClass("class1").style.visibility="visible";//显示

style="visibility: none;" 我设置完成后不隐藏啊

 function hide(){
$('#div的id').toggle()
}

$("

").html(""+roles[i].roleName+"").appendTo($tr));
这样写才对吧。
function hide(){
$("id").toggle();
}

$("#show").show();
这个即使隐藏了，也是是占用空间的
还是用下面的比较好
document.getElementById("div").visibility="hidden";//隐藏
document.getElementById("div").visibility="visible";//显示

在

引用jquery
定义id时
$("#xxxx").show();
$("#xxxx").hide();
定义class时
$(".xxxx").show();
$(".xxxx").hide();

最原始的方法：
document.getElementById("xxx").style.display ="block" //显示
document.getElementById("xxx").style.display ="none" //隐藏