《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
改变图片的src属性的两种方式：
1，setAttribute方法是“第1级DOM”的组成部分，它可以设置元素节点的任意属性。
2，element.src = source;这是在“第1级DOM”出现之前的方法，现在也有效。
“第1级DOM”的优势是可移植性好，那些老方法只适用于Web文档，DOM则适用于任何一种标记语言。
事件处理函数
当点击某个链接时，我希望留在这个网页面而不是转到另一个窗口，代码如下：
当点击这个链接时，因为onclick事件处理函数所触发的Javascript代码返回的值是false，所以这个链接的默认行为没有被触发.
childNodes属性
childNodes属性可以用来获取任何一个元素的所有子元素。由childNodes属性返回的数组包含所有类型的节点，而不仅仅是元素节点。事实上，文档里几乎每一样东西都是一个节点，甚至连空格和换行符都会被解释为节点，而它们全都包含在childNodes属性所返回的数组中。
但每个节点都有nodeType属性。nodeType属性总共有12种可取值，但其中仅有3种具有使用价值：元素节点的nodeType属性值是1，属性节点的nodeType属性值是2，文本节点的nodeType属性值是3.
如果想改变一个文本节点的值，那么就用DOM提供的nodeValue属性。
数组元素childNodes[0]有个更直观易读的同义词，可以把它写成firstChild；DOM还提供了一个与之对应的lastChild属性。
示例：
<p id="description">Choose an image</p>
首先创建一个变量来存放它：
var description = document.getElementById("description");
description.nodeValue的返回值是null。<p>元素本身的nodeValue属性是一个空值，而如果想要得到<p>元素包含的文本的值，要用description.childNodes[0].nodeValue或者description.firstChild.nodeValue
相关文章
这篇文章主要介绍了js实现简单的日历显示效果函数,结合完整实例形式分析了JavaScript实现的日历功能相关原理与具体操作技巧,需要的朋友可以参考下2019-11-11
这篇文章主要为大家详细介绍了js仿京东轮播效果，选项卡里套选项卡，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了ES11新增的这9个新特性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了JavaScript数组去重算法,结合实例形式总结分析了JavaScript数组去重相关的读写、遍历、比较、排序等操作及算法改进相关实现技巧,需要的朋友可以参考下2018-05-05
本文将涉及到scroll方法的应用，判断当滚动条滚到底部时触发scrollTop执行函数,具体代码如下，感兴趣的朋友可以了解下哈2013-06-06
这篇文章主要给大家介绍了关于JavaScript中变量提升机制的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
这篇文章主要为大家详细介绍了PhotoSwipe异步动态加载图片方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
下面小编就为大家分享一篇JavaScript判断变量名是否存在数组中的实例，具有很的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要为大家详细介绍了Web程序员必备的7个JavaScript函数，教会大家如何灵活运用JavaScript函数，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了js改变embed标签src值的方法,涉及javascript操作元素属性的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论