[读书笔记]javascript编程艺术——美术馆案例（一）

1、在当前网页中添加图片浏览的部分，不用通过打开新链接展示。

通过增加一个“占位符”图片的办法在该页中为图片预留一个浏览区域

<img id="placeholder" src="images/placeholder.gif" alt="my image gallery" />

这样只需要替换src属性就可以实现显示不同的图片

<a href="http://www.baidu.com" οnclick="showPic(this);return false;">Click me</a>

return false; 是去除click的默认事件，即进入新窗口，加上这句就可以不让用户被他们所点击的链接带到另外一个图片查看窗口中。

2、元素节点问题

1） childNodes属性可以返回一个element的所有子元素（数组）

因此有element.childNodes.length

* document.getElementsByTagName("body")[0]表示body元素 = document.body

2）nodeType属性获取节点的类型

元素节点为1，属性节点为2，文本节点为3

3）nodeValue属性获取节点的值

node.nodeValue

假设有一个描述性文字<p id="description">Choose an image.</p>

获取"Choose an image"就可以通过description.childNodes[0].nodeValue

3、CSS小提示

text-derocation: none，可用于去掉链接的下划线

list-style: none，对于<li>标签，去掉下划线，只保留文本