Javascript通过控制类名更改样式
2019-05-25 07:02
2166 查看
控制类名(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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Javascript通过控制类名更改样式
- firefox可以通过javascript控制Windows Media Player 11了
- javascript中通过className灵活查找元素 例如我们要把根据class来进行修改样式
- 通过CSS控制图片样式,实现图片弹出效果
- javaScript+css+html——鼠标滚动事件(通过滚动鼠标控制图形的长短)
- 2014-05-13MFC对话框:改变MFC中按钮的文字,更改窗体的大小,通过类名能够查找到该类对应的对话框,MFC中获取文本框中的内容,updatedata函数,两种对话框比较,oncreate起点
- Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式
- javascript中通过className灵活查找元素 例如我们要把根据class来进行修改样式
- 通过JavaScript代码实现 标题的控制+添加信息
- javascript 控制超级链接的样式代码
- javaScript+css+html——键盘事件(通过键盘上下左右控制图形位置)
- Javascript 通过overflow控制列表闭合展开
- kettle job通过javascript进行循环控制
- 通过样式控制设置Repeater隐藏指定的列
- 利用JavaScript通过单选框radio控制div的显示和隐藏
- Flex中如何通过focusRoundedCorners样式在TextInput控件获得焦点后控制矩形对角圆滑与否的例子
- JavaScript 通过队列实现异步流控制
- 在页面上通过JavaScript控制表格的隐藏和显示
- 前端控制菜单点击和悬浮样式(一)by JavaScript
- e.style.opacity 通过javascript调用元素的样式属性