JS操作属性和样式

---

前言

---

	事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用 JavaScript 中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。

一般情况下事件的名称都是以单词on开头的，例如点击事件 onclick、页面加载事件 onload 等

一、列举了一些 JavaScript 中常用的事件

二、操作属性和类

一、属性节点操作
　　属性节点内容的获取和修改：
　　　　语法：elementNode.attributeName （ 元素节点.属性名）
　　　　 也可以使用“[ ]”　　（ 元素节点[属性名]）使用[]时要确定它有值，不然会报错。
二、 一般我们操作属性节点时是不需要获取属性节点的，而是直接通过元素节点获取（/修改）属性节点的值。
特别的，有些属性名称与js关键字或者保留字冲突了，只能用另外的名字：class属性：要写成className（class是关键字）。label标签的for属性：写成htmlFor。

三.操作属性和类

属性节点操作
　　属性节点内容的获取和修改：
　　　　语法：elementNode.attributeName （ 元素节点.属性名）
　　　　 也可以使用“[ ]”　　（ 元素节点[属性名]）使用[]时要确定它有值，不然会报错特别的，有些属性名称与js关键字或者保留字冲突了，只能用另外的名字：
　　　　　　　class属性：要写成className（class是关键字）。
　　　　　　　label标签的for属性：写成htmlFor。

2.点击事件

代码如下（示例）：

总结

JavaScript 能够做什么？
事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作：
每当页面加载时应该做的事情
当页面被关闭时应该做的事情
当用户点击按钮时应该被执行的动作
当用户输入数据时应该被验证的内容