用JS改变的元素CSS样式

论坛 期权论坛 脚本     
匿名技术用户   2020-12-30 04:09   399   0

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

1.js改变由style方式引用的样式:
方法一:document.div.style.cssText="border:1px solid #000000;color:#FF0000";
方法二:document.div.setAttribute("style","border:1px solid #000000;color:#FF0000");

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

2.js改变由class方式引用的样式:
方法一:document.div.className='div';
方法二:document.div.setAttribute("class","div");

其中,div是要改变样式元素的name。

3.js改变由id方式引用的样式:
方法二:document.div.setAttribute("id","div");

其中,div是要改变样式元素的name。

转载于:https://www.cnblogs.com/oldZhangFeng/p/7257278.html

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP