原生js怎么设置css

这篇文章主要介绍了原生js怎么设置css,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请虚拟主机、营销软件、网站建设、新安网站维护、网站推广。

js的作用是什么

1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies,包括创建和修改等。7、基于Node.js技术进行服务器端编程。

方法:1、使用style“style.属性=值”语句设置;2、使用“setAttribute(属性,值)”语句设置;3、使用“setProperty(属性,值)”语句设置;4、使用“style.cssText='属性:值'”语句设置。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

用JS来动态设置CSS样式(设置成行内样式),常见的有以下几种

1. 直接设置style的属性 某些情况用这个设置 !important值无效

如果属性有'-'号,就写成驼峰的形式(如textAlign)  如果想保留 - 号,就中括号的形式  element.style['text-align'] = '100px';

element.style.height = '100px';

2. 直接设置属性(只能用于某些属性,相关样式会自动识别)

element.setAttribute('height', 100);
element.setAttribute('height', '100px');

3. 使用setProperty 如果要设置!important,推荐用这种方法设置第三个参数

element.style.setProperty('height', '300px', 'important');

4.设置cssText

element.style.cssText = 'height: 100px !important';   // 覆盖其他行内样式
element.style.cssText += 'height: 100px !important';   // 追加行内样式

感谢你能够认真阅读完这篇文章,希望小编分享的“原生js怎么设置css”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网站题目:原生js怎么设置css
转载来源:http://bzwzjz.com/article/pceggc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端定制网站设计 网站设计制作报价 LED网站设计方案 高端网站设计 重庆网站设计 成都网站设计 网站制作 重庆网站制作 营销型网站建设 重庆网站建设 企业手机网站建设 成都网站设计制作公司 四川成都网站建设 网站建设 成都网站设计 成都网站建设 营销型网站建设 成都网站建设 专业网站建设 自适应网站设计 企业网站建设 成都网站设计