Javascript通过控制类名更改样式
程序员文章站
2023-12-17 17:48:34
控制类名(classname 属性)
classname 属性设置或返回元素的class 属性。
语法:
object.classname = class...
控制类名(classname 属性)
classname 属性设置或返回元素的class 属性。
语法:
object.classname = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <title>classname属性</title> <style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9cf; color:blue; } </style> </head> <body> <p id="p1" > javascript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="添加样式" onclick="add()"/> <p id="p2" class="one">javascript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="更改外观" onclick="modify()"/> <script type="text/javascript"> function add(){ var p1 = document.getelementbyid("p1"); p1.classname="one"; } function modify(){ var p2 = document.getelementbyid("p2"); p2.classname="two"; } </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。