美文网首页
三、小练手—我的图片库

三、小练手—我的图片库

作者: 天降小明明 | 来源:发表于2017-06-16 10:19 被阅读4次

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

    设计思路:
    增加一个“占位符”,作为图片显示区域;
    设计一个有参函数,将当前对象作为传递参数;再利用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与网页继承在了一起

    相关文章

      网友评论

          本文标题:三、小练手—我的图片库

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