Js改变样式

Original 2019-04-13 12:27:49 243
abstract:这节学到了JS取到DIV的值,并做相应修改!<html>    <head>        <meta charset="UTF-8">        <title&g

这节学到了JS取到DIV的值,并做相应修改!

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #box{
                width:100px;
                height:100px;
                background:red;
            }
        </style>
    </head>
    <body>
        <div id="box"></div>
        <input type="button"value="height"onclick="aa()">
        <input type="button"value="width"onclick="bb()">
        <input type="button"value="color"onclick="cc()">
        <input type="button"value="back"onclick="dd()">
        <input type="button"value="move"onclick="ee()">
        <input type='button'value='show'onclick='ff()'>
       
    </body>
</html>
<script>
    var box;
     window.onload=function(){
         box=document.getElementById('box')
     }
      function aa(){
          box.style.height="500px";
      }
      function bb(){
          box.style.width="500px";
      }
      function cc(){
          box.style.background="yellow";
      }
     function dd(){
         box.style.height="100px";
         box.style.width="100px";
         box.style.background="red";
     }
     function ee(){
         box.style.display="none";
     }
     function ff(){
         box.style.display="block";
     }
    </script>

Correcting teacher:天蓬老师Correction time:2019-04-13 16:46:03
Teacher's summary:获取页面元素, 是对页面操作的第一步, 也是最关键的一步,如何来获取, 有很多方式的时候, 一定要选最简单的

Release Notes

Popular Entries