在学习JS的时候，首先我们要清楚编写JS的流程

• 布局：HTML+CSS
• 属性：确定要修改哪些属性
• 事件：确定用户做哪些操作（产品设计）
• 编写JS：在事件中，用JS来修改页面元素样式

当我们清楚的知道编写JS的流程后，需要了解一个重要的概念——事件

onclick 就相当于一个事件。

由此可见：事件=用户的操作（对按钮来说有点击，鼠标的移入和移出等）

Get到以上内容以后，紧接着我们可以开始今天的第一个JS效果

• onmouseover 鼠标移入则出现
• onmouseout 鼠标移出消失

div1.style.display='block';(none则为消失)表示将block这个属性赋值给div1的style的display。
这里的“.”代表“的” 。表示所属关系。

因为兼容性的问题id不可以直接用，必须写为：

document.getElementById('div1')

get(获取)Element（元素）By（用）Id（ID）

代码示例

鼠标移入前，鼠标移出后

鼠标移入后