【读书笔记】Javascript DOM编程艺术（四） 案例研究：JavaScript图片库

本章内容

    编写一个优秀的标记文件。

    编写一个JavaScript函数以显示用户想要查看的图片。

    由标记触发函数调用。

    使用几个新方法扩展这个JavaScript函数。

4.1 标记

4.2 JavaScript

    4.2.1 非DOM解决方案

    4.2.2 最终的函数代码清单

4.3 应用这个JavaScript函数

    事件处理函数

        （1）事件处理函数的作用是，在特定事件发生时调用特定的JavaScript代码。

4.4 对这个函数进行扩展

    4.4.1 childNodes属性

        （1）在一棵节点数上，childNodes属性可以用来获取任何一个元素的所有子元素，它是一个包含这个元素全部子元素的数组：

                element.childNodes

    4.4.2 nodeType属性

        （1）每一个节点都有nodeType属性，这个属性可以让我们知道自己正在与哪一个节点打交道：

                node.nodeType

        （2）nodeType的值是一个数字，nodeType属性总共有12种可取值，但其中仅有3种具有实际价值：

                <1>元素节点：1

                <2>属性节点：2

                <3>文本节点：3

    4.4.3 在标记里增加一段描述

    4.4.4 用JavaScript改变这段描述

    4.4.5 nodeValue属性

        （1）如果想改变一个文本节点的值，那就使用DOM提供的nodeValue属性，它用来得到（和设置）一个节点的值：

                node.nodeValue

    4.4.6 firstChild和lastChild属性

        （1）node.firstChild    等价于    node.childNodes[0]

        （2）node.lastChild    等价于    node.childNodes[node.childNodes.length - 1]

    4.4.7 利用nodeValue属性刷新这段描述

4.5 小结

    （1）本章的学习重点有两个：一是如何利用DOM所提供的方法去编写图片库脚本；而是如何利用事件处理函数把JavaScript代码与网页集成在一起。