首页 > 代码库 > 用JS改变的元素CSS样式
用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样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。