改变class属性修改背景
2013-01-15 11:56
344 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function change_bg(obj) { alert(obj.className); var a=document.getElementById("Menu").getElementsByTagName("a"); //获取里边所有的a标签 for(var i=0;i<a.length;i++) { a[i].className=""; //给所有的a标签改变class属性都为空 } obj.className="current"; //被点击的增加class属性为current } </script> <style type="text/css"> body{ font-size:17px; } .current{ background:red; } #container ul { list-style-type:none; } #container ul li { float:left; margin-right:3px; } #container ul li a{ text-decoration:none; color:#000; } </style> </head> <body> <div id="container"> <ul id="Menu"> <li><a href="javascript:" onclick="change_bg(this)" class="current">Menu1</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu2</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu3</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu4</a></li> <li><a href="javascript:" onclick="change_bg(this)">Menu5</a></li> </ul> </div> </body> </html>
相关文章推荐
- 修改html容器的class属性
- EditText 使用细节(输入内容改变时的监听事件、透明背景、修改提示文字颜色、输入内容密文显示)
- 快速设置UINavbar的属性包括背景 title的颜色字体以及改变返回键的图片
- 鼠标经过改变表格背景属性实例
- 修改手机主题背景和强调色设置后,UI显示发生改变的问题
- JavaScript给相同class属性的元素添加背景颜色
- jQuery修改class属性和CSS样式
- 修改SearchView搜索框的背景线.(或着其他属性)
- select标签添加multiple属性后,页面呈现的样式发生改变,如何修改
- TRACKBAR_CLASS (Trackbar Controls) 的背景颜色“实时”改变并不是想象中的用WM_ERASEBACKGROUND消息来解决
- jQuery修改class属性和CSS样式整理
- 使用dom改变字体和修改背景颜色
- Symfony2 修改form 中 radio 属性, 改变label 文字
- 使用jquery的toggleClass属性无法改变样式
- 通过修改父类,改变子类的cell的背景颜色及图片
- 鼠标经过改变表格背景属性实例
- 9.20:javascript执行顺序和改变DOM节点的CSS class属性
- 修改hadoop脚本改变CLASSPATH中jar加载顺序
- Eclipse4.2修改用户界面,改变蓝色的背景
- mfc 可编辑combox不可用时,背景变黑,通过修改属性解决