js 三个三种变色按钮

最新推荐文章于 2023-04-14 11:36:00 发布

旧器去重

最新推荐文章于 2023-04-14 11:36:00 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/ShanGe9527/article/details/81125830

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>变色</title>
       <style type="text/css">
           .red {
               color: brown;
           }

       </style>
   </head>
   <body>
       <input type="button" value="11111" id="btn1">
       <input type="button" value="2222" id="btn2">
       <input type="button" value="3333" id="btn3">
       <div id="div1"><h1>系兄弟就来砍我!!!!!</h1></div>
   </body>
   <script src="jQuery.js"></script>
   <script>
    var oDiv = document.getElementById('div1');
    var oBtn = document.getElementById('btn1');
    var oBtna = document.getElementById('btn2');
    var oBtnb = document.getElementById('btn3');
        oBtn.οnclick=function(){
            oDiv.style.color = "red"
        }
       oBtna.οnclick=function(){
            oDiv.setAttribute("style","color:blue")
        }
        oBtnb.οnclick=function(){
            oDiv.style.setProperty("color","yellow")
        }
   </script>
</html>

旧器去重

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 三个三种变色按钮

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;变色&lt;/title&gt; &lt;style type="text/css"&gt; .re
复制链接

扫一扫