三、小练手—我的图片库

设计一个浏览图片的网页。
需求分析:默认不展开图片,当点击图片名称时,在相应的区域显示出来。

设计思路:
增加一个“占位符”,作为图片显示区域;
设计一个有参函数,将当前对象作为传递参数;再利用getAttribute和setAttribute方法;
拦截点击事件跳转网页的行为:return false;

childNodes属性:
在一颗节点树上,使用childNodes属性来获取任何一个元素的子元素,它是一个包含这个元素全部子元素的数组。注意:文档树的节点类型不止只有元素节点一种,几乎每一样东西都包含在childNodes属性中。

nodeType属性
返回的值是数字,只有3种具有使用价值:
元素节点的nodeType属性值为 1
属性节点的nodeType属性值为 2
文本节点的nodeType属性值为 3

fristChild、lastChild属性:
代表着childNodes数组的第一个元素和最后一个元素

nodeValue属性
用来得到或者设定一个一个节点的值。
Tips:元素节点本身的的nodeValue属性是一个空值 null

事件处理函数:
onclick、window.onload 文档加载完成后
事件处理函数把javascript与网页继承在了一起

你可能感兴趣的:(三、小练手—我的图片库)