使用按键改变字体颜色

转载于 2019-07-08 17:29:00 发布 · 349 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/q2546/p/11152576.html

创造一个按键

设置修改的颜色和要修改的id

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>首页</title>
 6     <style>
 7      .abc{color:red}
 8     </style>
 9 </head>
10 <body>
11 
12 <ul>
13     <li id="a">牛奶</li>
14     <li>包子</li>
15     <li>米饭</li>
16     <li>鱼粉</li>
17     <li>馒头</li>
18 </ul>
19 
20 
21 <button onclick="gaibianyangshi()">改变牛奶的颜色</button>
22 
23 <script>
24     function gaibianyangshi(){
25         //alert(1);
26         var x = document.getElementById('a');
27         //alert(x);
28         x.className='abc';
29     }
30 </script>
31 
32 </body>
33 </html>