用JS改变的元素CSS样式，css里display :none 隐藏 block 显示

CSS样式的引用有3种方式：style引用、class引用、id引用，所以js改变元素的样式我们也分3种来说。

1.js改变由style方式引用的样式：

方法一：document.divs.style.cssText="border:1px solid #000000;color:#FF0000";

方法二：document.divs.setAttribute("style","border:1px solid #000000;color:#FF0000");

其中，divs是要改变样式元素的name。

2.js改变由class方式引用的样式：

方法一：document.divs.className='divs1';

方法二：document.divs.setAttribute("class","divs1");

其中，divs是要改变样式元素的name。

3.js改变由id方式引用的样式：

方法二：document.divs.setAttribute("id","divs1");

其中，divs是要改变样式元素的name。

例子：

function expand(el)

{

childobj = document.getElementById("child" + el);

if (childobj.style.display == 'none')

{

childobj.style.display = 'block';

}

else

{

childobj.style.display = 'none';

}

return;

}