浅谈JavaScript_DOM学习篇_图片切换小案例

今天开始学习DOM操作,下面写一个小案例来巩固下知识点.

DOM: document object model (文档对象模型)

根据id获取页面元素 :　如:　var xx = document.getElementById("id");

根据标签获取元素:　如:　var xx = document.getElementsByTagName("div");

  
  
  
    * {
      margin: 0;
      padding: 0;
    }

    #outer {
      width: 500px;
      
      margin: 50px auto;
      
      padding: 10px;
      background-color: greenyellow;
      
      text-align: center;
    }

    img {
      width: 500px;
    }
  


  



  

  

  上一张
  下一张

文档目录:

效果如下:

以上所述是小编给大家介绍的JavascriptDOM图片切换小案例详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！