简单的图片库浏览实现方式以及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类型

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 2,958评论 4 14
  • 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。D...
    jasmine_jing阅读 811评论 0 3
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8
  • 有的人心里什么都有就是嘴上不言喻所以委屈自己有的事早已知道结果就是有点想不通所以折磨自己其实嘴笨的人心是最真诚其实...
    木卯丁阅读 264评论 0 1
  • 学习成长,掌握未来。
    刘娜_3e09阅读 174评论 0 2