用javascript修改html元素的class
来源:互联网 发布:cf淘宝 编辑:程序博客网 时间:2024/06/05 16:02
<!DOCTYPE html><html><body><style type="text/css">.testNormal { border:1px solid black;}.testOver {background:#999999;border:1px solid black; font-weight:bold; padding:3em;}</style> <script>function over(){var para = document.getElementById("testPara").className = "testOver"; }function out(){var para = document.getElementById("testPara").className = "testNormal"; } </script> <p id="testPara" class="testNormal" onmouseover="over()" onmouseout="out()"> 我是示例段落,鼠标滑过我,就可以改变我的class属性,从而改变应用的CSS规则。 </p></body></html>
鼠标移动之前的效果
鼠标移动之后的效果
0 0
- 用javascript修改html元素的class
- 用javascript修改html元素的class
- 用javascript修改html元素的class
- javascript修改html元素的class实例,时间修改样式
- Javascript修改Html元素
- 用Javascript删除HTML元素
- html 元素class 多个class之间空格的含义
- 修改html容器的class属性
- Javascript:Dom简介(查找/修改HTML元素的内容及属性)
- 跟我学JavaScript--HTML DOM--DOM访问,修改,元素
- javascript修改css的class名字
- JavaScript实现Html元素的拖拽
- javascript控制html里的元素样式
- JavaScript侦听Html元素Attribute的变化
- javascript访问html元素的内容(1)
- javascript访问html元素的内容(2)
- JavaScript的DOM对象,控制HTML元素
- JavaScript的DOM对象控制HTML元素
- 第二十五讲 Web Service开发
- netstat命令详细说明
- VS2010中wmain入口函数中使用wprintf输出中文乱码问题
- zTree实现删除树节点
- 第12周总结
- 用javascript修改html元素的class
- mysql格式化日期和时间
- 2 Xcode5(4)
- 第二十六讲 ASP.NET身份验证(一)
- 资源文件夹res的简介
- js 页面刷新location.reload和location.replace的区别小结
- 第二十七讲 ASP.NET身份验证(二)
- 黑马程序员-java基础加强(三)
- 一个快速排序程序