DOM简单学习和事件简单学习

DOM简单学习

DOM简单学习：为了满足案例要求

　　功能：控制html文档的内容

　　代码：获取页面标签(元素)对象  Element

　　　　document.getElementById("id值")：通过元素的id获取元素对象

　　操作Element对象：

　　　1.修改属性值：

　　　　1.明确获取的对象是哪一个？

　　　　2.查看API文档，找其中有哪些属性可以设置

　　　2.修改标签体内容：

　　　　属性：innerHTML

事件简单学习

事件简单学习：

　　功能：某些组件被执行了某些操作后，触发某些代码的执行。

　　　　造句：  xxx 被 xxx，我就xxx

　　　　　　我方水晶被摧毁后，我就责备队友。

　　　　　　敌方水晶被摧毁后，我就夸奖自己。

　　如何绑定事件

　　　1.直接在html标签上，指定事件的属性(操作)，属性值就是js代码

　　　　1.事件：onclick---　单击事件

　　　2.通过js获取元素对象，指定事件属性，设置一个函数