Question

关于设置div的style属性值的问题

我在一个jsp页面通过一个按钮添加一个div,这个按钮的onclick方法执行一段js代码:

var temparray=new Array("行程:","吃:","住:");
var div=document.createElement("div");
var table=document.createElement("table");
for(var i=0;i<3;i++){
var tr=document.createElement("tr");
var td1=document.createElement("td");
td1.innerHTML=temparray[i];
var td2=document.createElement("td");
td2.innerHTML="<textarea ></textarea>";
tr.insertBefore(td1,null);
tr.insertBefore(td2,null);
table.insertBefore(tr,null);
}
div.insertBefore(table,null);
div.style="visibility:hidden"; //第一种写法
// div.setAttribute("style","visibility:hidden"); //第二种写法
document.body.insertBefore(div,null);

使用第一种写法时不能将div加进来,使用第二种写法却可以加进来,这两种写法有什么区别?

请哪位大哥指教.......谢谢..急用.
还有一个问题
我在jsp页面用visibility这个属性控制不同的div显示出现问题,用display这个属性却可以,但我在html页面用visibility却可以
我用一个for循环把几个div隐藏 用visibility这个属性,最后单击不同的按钮要这几个div中指定的一个显示,无法正常显示,换成display这个属性就可以了 .同样的效果在html页面两 个属性都可以.这有什么区别吗?

Answer 1

div.style.visibility="hidden";
---------------------------
visibility和display是有区别的：
visibility:hidden;隐藏，但它已经读出来了，只是看不到，实际在页面上有它的位置；
display:hidden;是完全隐藏，就是它的元素在页面中被移走，压根就没这么个模块