简单的图片库浏览实现方式以及NoedValue属性简单理解【Dom编程艺术笔记】

                                实现要求：点击图片链接，将展示图片切换成相对应的图片，改变相对应的图片描述内容。

   以下代码中重点记录：nodeValue    、  禁止a标签自带的链接跳转

                  nodeValue：本节中要修改的是h1标签中所显示的内容，应该修改h1标签的文本节点【h1.firstChild.nodeValue】,而不是h1.nodeValue

                  禁止a标签自带的链接跳转：通过返回false值可以禁止a标签进行自身的链接跳转。

                知识点：

                              getAttribute：获得对象属性  

                                     document.getElementsByTagName("a")[0].getAttribute("title");  //获得a标签的title属性值

                              getElementById ：通过ID获得元素对象

                                    document.getElementsByTagName("a")  //值为数组

                              setAttribute ：设置对象属性

                                    document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); //将Input的type设置成button类型