HTML DOM 方法

今天在学习百度IFE过程中，遇见了几个不太熟的方法，特此记录。

addEventListener() 方法

该方法是为选中的元素添加点击事件。如下例所示，当用户点击按钮时，在id="demo"的<p>元素上输出“Hello World":

docuemnt.getElementById("myBtn").addEventListener("click", function() {
document.getElementById("demo").innerHTML = "Hello World";
});

语法

element.addEventListener(event, function, useCapture)

event: 必须参数，指定事件名。注意不要使用"on"前缀，例如"click"，而不是"onclick"。
fucntion: 必须参数。指定事件触发时执行的函数，可将事件对象作为第一个参数传入函数。
useCapture: 可选参数。布尔值，指定事件是否在捕获阶段或冒泡阶段执行。true，事件在捕获阶段执行。false，默认值，事件在冒泡阶段执行。

DOM级别

DOM Level 2 Events

setTimeout() 方法

该方法用于在指定的毫秒数后调用函数或计算表达式

语法

setTimeout(code,millisec)

code: 必须参数，要调用的函数后要执行的 JS 代码。
millisec: 必须参数，在执行代码前需等待的毫秒数。

注意：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 steTimeout().
另外，当你需要在JS中，执行setTimeout()方法，方法对象的主题，可以是命名的对象，将该对象赋值一个setTimeout()方法。例如下面：

<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>