黑马程序员技术交流社区

标题: 哈尔滨校区--技术交流帖--图片的循环播放 [打印本页]

---

作者: 屈璐璐    时间: 2016-1-24 13:11
标题: 哈尔滨校区--技术交流帖--图片的循环播放
1.元素的获取
document.getElementById();
document.getElementsByName;
getElementsByTagName（）; 可以用在任何标签 获取的也是id
2.元素的查找
parent firstChild lastChild nextSibiling previousSibiling
3.程序 图片循环
<script>
var count = 1;
  //定义一个数组 保存图片
  var picArray =[];
  picArray.push("1.jpg");
  picArray.push("2.jpg");
  picArray.push("3.jpg");
  picArray.push("4.jpg");
  picArray.push("5.jpg");
  picArray.push("6.jpg");
  picArray.push("7.jpg");
  //取出元素 向右的箭头
  var right = document.body.children[2];
  var img = document.body.children[1].children[0];
  //right.onclick = function(){
   var changePic =function(){
   img.src = picArray[count];
  count++;
  console.log(count);
if(count == 7){
count=0;
}

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2