用JS改变的元素CSS样式

Posted michellexiaoqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用JS改变的元素CSS样式相关的知识,希望对你有一定的参考价值。

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;
}























以上是关于用JS改变的元素CSS样式的主要内容,如果未能解决你的问题,请参考以下文章

js如何修改样式?

如何用js实现,点击后,改变一个css

js怎么删除css的行内样式

js修改样式css都有哪些方法呢?

用css改变下拉框样式

用js的啥方法把样式的某个属性去掉而其他的属性保留