我是靠谱客的博主 安静身影,这篇文章主要介绍onclick事件——更改li标签背景图片,现在分享给大家,希望可以做个参考。

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
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>

 

转载于:https://www.cnblogs.com/tina1210/p/4466039.html

最后

以上就是安静身影最近收集整理的关于onclick事件——更改li标签背景图片的全部内容,更多相关onclick事件——更改li标签背景图片内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(70)

评论列表共有 0 条评论

立即
投稿
返回
顶部