js添加事件和移除事件:addEventListener()与removeEventListener()

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序 *** 作。

它们都接受3个参数：如 addEventListener("事件名" , "事件处理函数" , "布尔值")(注：事件名不含"on",如“click”) 现在的版本可以省略第三个参数，默认值为false

通过addEventListener()添加的事件处理程序只能使用removeEventListener()来移除；移除时传入的参数与添加处理程序时使用的参数相同。这也意味着通过addEventListener()添加的匿名函数无法移除

这个例子中，使用addEventListener()添加一个事件处理程序。虽然调用removeEventListener(0是看似使用了相同的参数，但实际上，第二个参数与传入addEventListener()中的那一个完全不同的函数。而传入removeEventListener()中的事件处理程序函数必须与传addEventListener()中的相同

重写后的这个例子在addEventListener()和removeEventListener()中用的是相同的函数。

1：相同事件绑定和解除，需要使用共用函数；绑定和解除事件时 事件没有"on" 即onclick写成click

2：共用函数不能带参数；

布尔值参数是true，表示在捕获阶段调用事件处理程序；就是最不具体的节点先接收事件，最具体的节点最后接收事件

1、js添加节点：document.body.appendChild(document.createTextNode在写出想要添加的即可。

2、js移除节点：varccn=document.getElementById("sd").childNodes[0]//填写要移除的节点。

3、js移动节点：编写varsdds=document.getElementById("sd")即可移动。

4、js复制节点：document.getElementsByTagName("p")//即可复制。

5、js创建节点：document.createTextNode("sss")//即可进行创建。

1、添加元素

函数：push(para)，参数说明para要添加的元素

示例：

var lang = ["php","java","javascript"]

lang.push('.net')

结果：lang = ["php","java","javascript",".net"]

2、删除和替换元素

函数：splice(para1,para2,para3)，参数说明para1其实位置（从0开始），para2要删除的元素个数，para3（可选）要替换的元素

示例：

a、删除

var lang = ["php","java","javascript"]

lang.splice(0,1)

结果：lang = ["java","javascript",".net"]

b、替换

var lang = ["php","java","javascript"]

lang.splice(0,1,'.net')

结果：lang = [".net","javascript",".net"]

---