推荐几种使用原生javascript设置css样式和清除css样式

javascript的世界真是浩瀚无边,反正对于我这种使惯了jquery的来说是这样的,以前忽视了js的强大,最近也是一直在弥补。
我们知道在jquery中设置css样式很简单obj.css(),obj.addClass ...,刚刚使用原生js来完成这一功能时,发现不是太顺手,查阅有关资料后,有些小收获。
一、设置css样式
var id=document.getElementById('id');
使用cssText
id.style.cssText="border:solid 1px red;";//适合写多个

使用setAttibute
id.setAttribute('style','border:solid 1px red');//适合写多个

使用最基础的obj.style.''='';
id.style.border='solid 1px red';

二、清除css样式
id.style.cssText='';
id.removeAttribute('style','border:solid 1px red');
id.style.border='';
1479410792968425.png
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
推荐几种使用原生javascript设置css样式和清除css样式
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/javascript.html    百度未收录
正文到此结束

点击下方支持本站

点击支持下贵站吧
点击支持下贵站吧

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

微笑 可爱 憨笑 鼓掌 白眼 发呆 撇嘴 色 得意 吐 抠鼻 可怜 呲牙 惊讶 冷汗 流泪 大哭 发怒 抚摸 傲慢 惊恐 鄙视 疑问 奸笑 抓狂 偷笑 流汗 擦汗 晕 委屈 吓 衰 糗大了 威武 给力 牛逼

评论信息框

火箭正在发射中...


既然没有吐槽,那就赶紧抢沙发吧!