码迷,mamicode.com
首页 > 其他好文 > 详细

onclick事件——更改li标签背景图片

时间:2015-04-29 16:28:00      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

 1 <html>
 2     <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 4         <title>无标题</title>
 5         <style type="text/css">
 6             ul li{
 7                 background: grey;
 8                 margin-bottom: 1px;
 9                 list-style: none;
10             }
11         </style>
12         <script type="text/javascript">
13             function change(obj){
14                 var arr = document.getElementById("ul").getElementsByTagName("li");
15                 for (var i = 0; i < arr.length; i++) {
16                     var a = arr[i];
17                     a.style.background = "grey";
18                 };
19                 obj.style.background = "red";
20             }
21         </script>
22     </head>
23     <body>
24         <ul id="ul">
25             <li onclick="change(this);">1</li>
26             <li onclick="change(this);">1</li>
27             <li onclick="change(this);">1</li>
28             <li onclick="change(this);">1</li>
29             <li onclick="change(this);">1</li>
30             <li onclick="change(this);">1</li>
31             <li onclick="change(this);">1</li>
32             <li onclick="change(this);">1</li>
33         </ul>
34     </body>
35 </html>

 

onclick事件——更改li标签背景图片

标签:

原文地址:http://www.cnblogs.com/tina1210/p/4466039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!