js如何设置元素css样式

1。可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。 　　2 .可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。 　　3 .可以根据用户的操作,动态的创建页面。 　　4使用JavaScript可以通过设置饼干存储在浏览器上的一些临时信息。

设置方法:1、使用“对象.setAttribute(& # 39;风格# 39;& # 39;属性:值& # 39;)“语句;2、使用“对象.style.setProperty(& # 39;属性& # 39;,& # 39;值& # 39;)“语句;3、使用“对象.style.cssText=& # 39;属性:值& # 39;“语句。

本教程操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。

<强>方法1:使用setAttribute()

& lt; p  id=皃"祝辞hello  world

　　 　　& lt; button  onclick=癿yFunction(),在点击按钮,设置css样式& lt;/button> 　　 　　& lt; script> 　　function  myFunction (), { 　　. getelementbyid (“p") .setAttribute(& # 39;风格# 39;,,& # 39;颜色:# ff0000 # 39;); 　　} 　　& lt;/script>

效果图:

<强>方法2:使用setProperty()

& lt; p  id=皃"祝辞hello  world

　　 　　& lt; button  onclick=癿yFunction(),在点击按钮,设置css样式& lt;/button> 　　 　　& lt; script> 　　function  myFunction (), { 　　. getelementbyid (“p") .style.setProperty(& # 39;字体大小# 39;,,& # 39;50 px # 39;); 　　} 　　& lt;/script>

效果图:

<强>方法3:cssText属性

& lt; p  id=皃"祝辞hello  world

　　 　　& lt; button  onclick=癿yFunction(),在点击按钮,设置css样式& lt;/button> 　　 　　& lt; script> 　　function  myFunction (), { 　　. getelementbyid (“p") .style.cssText=& # 39;字体大小:50 px;颜色:,红色;& # 39;; 　　} 　　& lt;/script>

效果图:

感谢各位的阅读!关于“js如何设置元素css样式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

js如何设置元素css样式