美文网首页我的前端日记
简单的图片库浏览实现方式以及NoedValue属性简单理解【Do

简单的图片库浏览实现方式以及NoedValue属性简单理解【Do

作者: 冻豆芽 | 来源:发表于2017-02-22 01:03 被阅读0次

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

       以下代码中重点记录: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类型

    相关文章

      网友评论

        本文标题:简单的图片库浏览实现方式以及NoedValue属性简单理解【Do

        本文链接:https://www.haomeiwen.com/subject/wpjpwttx.html