第四章 案例研究

事件处理函数

再给某个元素添加事件之后，事件被触发，执行相应的JS代码。被调用的JS代码可以返回一个值，这个值将会被传递给到事件处理函数。

<a href="htttp://www.baidu.com" onclick="return false;"></a>

如上代码：这个链接被点击时，如果那段JS代码返回的值是true，onclick事件处理程序就认为“这个链接被点击了”；反之如果返回的是false，onclick事件处理函数就认为这个链接没有被点击“。

childNodes 属性

这个属性可以用来获得任何一个元素的所有子元素，它是一个包含这个元素全部子元素的数组； 其中包括空格，换行符都会被解释为节点。

nodeType 属性

每一个节点都有这个属性，这个属性可以让我们知道自己正在哪一种节点打交道，但是这个属性的值是一个数字。

• 元素节点的nodeType属性值是1。
• 属性节点的nodeType属性值是2。
• 文本节点的nodeType属性值是3。

nodeValue属性

如果想改变一个文本节点的值，就使用该属性来得到（和设置）一个节点的值。
包含在p元素里的文本是另一种节点，他是p元素的第一个子节点。因此想要改变p元素里的文本，就是要获得p的第一个子节点的nodeValue属性值。

firstChild 和 lastChild属性

node.firstChild
//上下等价
node.childNodes[0]