qq_42388742的博客

javascript对象

当创建一个网页并加载时，浏览器会将HTML文档解析为一个DOM树，并将document文档作为树的根节点。但是，所有元素都有一些共同的属性，如id、class、style、title等。在JavaScript中，我们可以用document对象来获取HTML文档中的元素、属性、文本等。M代表着模型(Model)，DOM把文档表示为一颗树，更具体地说，DOM模型把文档表示为一颗家谱树。节点是DOM的基本单元，它代表了文档中的一个元素、属性、文本等。元素可以包含其他元素，没有包含任何元素，它是文档的根元素。

本章介绍了JavaScript图片库的实现，包括标记、JavaScript函数、事件处理函数、阻止默认行为、扩展功能等。通过本章的学习，可以更好地理解JavaScript的DOM操作，以及事件处理函数的使用。DOM属性childNodes：返回一个包含当前元素所有子节点的NodeList对象。firstChild：返回或设置当前元素的第一个子节点。lastChild：返回或设置当前元素的最后一个子节点。nodeType：返回一个整数，表示节点的类型。

(我实测好像可以)这里记录优化方法。在prepareGallery函数中，我们假设了document.getElementById()方法存在，但是如果浏览器不支持该方法，该函数将无法正常运行。这里图片显示是核心功能，描述是锦上添花，因此只做到点击图片，在占位符placeholder显示。但是，代码里面还是假设了一定存在id为"placeholder"的元素和"description"元素，并未检测到是否存在。答案：JS被禁用，支持，点击时，通过href直接跳转到图片界面，通过浏览器回退可以进入每个界面。

之前几章使用get方法获取文档特定元素节点，使用setAttributes方法（改变某个属性的值）、nodeValue（改变某个元素节点所包含的文本）之类来处理。本章通过DOM方法，创建和修改现有元素。