JavaScript是一种直译式脚本语言，用来给HTML网页增加动态功能。主要功能：其一，让页面中的标签元素实现动态效果、动画；其二，能够响应用户的操作、响应事件。 www.wkfxw.com文库分享网•收集整理

如何为元素节点添加一个事件？

“如何为元素节点添加一个事件？”分为两步：

a、通过遍历获取所需要的元素节点；b、为获得的该元素添加事件。

如何获取元素节点：

a、通过元素id值获取，document.getElementById("id");

b、通过元素class值获取,document.getElementByClassName("class");

c、通过名字选取元素，document.getElementsByName("name");

d、通过标签名获取，document.getElementsByTagName("tagname");

e、通过CSS选择器选择元素

现在可以为得到的元素添加事件了。

首先我们要先要了解什么是事件。这里通俗一点的来说，就是操作者想要做出某个动作，要发生这个动作所需要做的事情，做出以后称为这个事件被“触发”了。要做出某个事件就需要载体，即上面我们所说的元素，通过操作元素“触发”事件，我们把这里的元素称之为“对象”。

事件分为很多种：文档事件、窗口事件、事件对象、常用事件，我们这里讲的是为一个元素节点添加事件，主要就是常用事件中的鼠标事件，单击（click）、双击（dblclick）、鼠标按键按下时（mousedown）、鼠标按键抬起时（mouseup）。接下来就可以具体来讲解如何把这些操作添加到具体的元素上面得到想要的事件触发。这里为了方便就将事件为输出“成功了！！！！”进行验证。

通过监听的方式添加。

这里需要注意的是我们通过CSS类名得到的是NodeList，需要通过选择得到具体的一个，child[0]指孩子1这个div元素，现在为它添加我们上面写好的函数printHandler。

直接在元素后面添加element.onclick = function(){}。

注意事项

要注意的是b、c、d三种方式得到的值是NodeList形式的。具体到某个还需要进行选择。