6.11总结

1.文档对象模型,我觉得其实就是用来操作html里面的各种元素的,感觉和css里面的选择器有神似。

2.用dom操作文档利用js做了一个相册,这也是我第一次直接使用js在显示页面上做操作,以前总对js与html的练习不是很了解,非常疑惑,今天终于知道js是如何运用在网页上的了

    var arr=["image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg","image/11.jpg"];
    var prev=document.getElementById("prev");
    var next=document.getElementById("next");
    var img=document.getElementsByTagName("img")[0];
    var int=0;
    prev.onclick=function(){
        int--;
        if(int==-1){
          int=4
      }
      img.src = arr[int];

    }
    
    next.onclick=function(){
        int++;
        if(int==5){
          int=0
      }
      img.src = arr[int];
    }
  在写这个简单的代码的过程中,我其实用了半个多小时。
1.之前用了除jpg以外格式的文件,所以在写路径时忘了改后缀,导致卡壳。
2.当int自增或者自减到0和4时,需要用if重新设置值,我把if写在了执行语句的后面,导致图片加载错误,应该在
执行语句之前判断,否则会出现arr[-1] arr[5] 导致结果出错。

对于dom有了基本的认识,但是dom的一些方法还不熟悉,明天继续升入了解dom ,多动手写。

posted @ 2020-06-12 22:17  esnlzy  阅读(99)  评论(0)    收藏  举报