如何设置按钮来更改数组中的变量

时间:2016-05-25 12:16:40

标签: arrays

    h2 {  //remove position: relative and your top and left styles       
      border: 1px solid black;
      font-size: 1.25em;
      width: 30%; //set the width of the h2 to be 30% of the BOX
      text-align: center;
      margin: 0;
      background-color: #808080;
      color: #FFFFFF;
      float: right; //add a float so it goes to the right of the box
}

基本上我对我的代码有一些问题我似乎无法设置一个允许数组更改变量的按钮。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我不确定我是否正确理解了你的问题,但这是我的sujestion

givedisabledusers()
 var a1 = new Image();
            var a2 = new Image();
            var a3 = new Image();
          
            a1.src="http://images.my-addr.com/img/exam_gif_to_png_q1.png";
            a2.src="http://simswiki.info/images/3/30/Windows_Logo.png";
            a3.src="http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211810400.png";

            var imgArray = new Array( a1, a2, a3);


                        function changeImage() {
           

           document.getElementById("array").innerHTML="old: 1: "+imgArray[0].src+"<br>2: "+imgArray[1].src;
     //change itself
     var a=imgArray[0].src;
     imgArray[0].src=imgArray[1].src;  
     imgArray[1].src=a;
     //endofchange
           document.getElementById("array").innerHTML+="<br>new: 1: "+imgArray[0].src+"<br>2: "+imgArray[1].src;            
                          
                        }
          
            function switchImage() {
              var index = imgArray.findIndex(function(elem){return elem.src==document.getElementById("host_im").getAttribute("src");})+1,num=imgArray.length;
            
              if(index==num)index=0;
              
              document.getElementById("host_im").src=imgArray[index].src;
                          
                        }

如果你想改变变量 - 就像定义它一样简单。可以肯定的是,该变量属于同一范围,或者它是全局变量。尝试使用changeImage()函数。

切换功能用于更改图像,如图所示。它为id = host_im的img标签找到src属性,在js数组中找到元素的索引并切换到下一个。注意相同的链接,导致函数找到具有这种src属性的第一个元素。