JS事件操作练习

Original 2018-11-24 12:33:16 211
abstract:<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width,&
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>JS事件操作</title>
  <script type="text/javascript">
    function myfocus(a){
      a.style.background = "green";//点击变色
    };

    function myclick(b){   //点击DIV变红色后改变成圆形
      b.style.background = "red";
      b.style.borderRadius = "50px";
    };
    function mymouseout (c){    //鼠标移开变色
      c.style.background = "pink";
    }
  </script>
</head>
<body>
表单事件操作<input type="text" onfocus="myfocus(this)">
<br>
<br>
<br>
<br>
<div style="width:100px;height:100px;border:1px solid #ccc;" onclick = "myclick(this)"  onmouseout = "mymouseout(this)"></div>


</body>
</html>

JS中用于操作DOM元素,让效果更容易实现灵活。

Correcting teacher:韦小宝Correction time:2018-11-24 13:33:36
Teacher's summary:写的很完整!但是缺少自己的总结哦!js事件操作是最基础的东西!课后一定要多多练习哦!

Release Notes

Popular Entries