Question

我如何使用javascript访问并单击每个按钮。有一个CSS图像滑块有这些按钮，但我希望能够点击这些标签。

请参阅：https://codepen.io/Groundedelectron/pen/ZaMrKa

<div id="slider">
  <a href="#image1">1</a>
  <a href="#image2">2</a>
  <a href="#image3">3</a>
  <a href="#image4">4</a>
</div>

理想情况下，我希望能够获得类似document.getElementById("slider")[1].href.click()

的内容

我想做的事情可以使用向上滚动浏览，这是一个例子，但是代码不同：

$(document).keyup(function(e) {
     if (e.keyCode == 40) { // space key maps to keycode `27`
       $('#mfcsimminus').click();

    }
});

var minusimagebutton = document.getElementById("mfcsimminus");
minusimagebutton.addEventListener('click', function(event) {
cycleimagesmfcSimfunc();
        } , false)

var cyclecount = 0
  function cycleimagesmfcSimfunc(){
        if(cyclecount == 0){
        document.getElementById("mfcSim-CSS").src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/16320/dresstop.jpg";
        cyclecount++;
        return;
        }
        if(cyclecount == 1){
        document.getElementById("mfcSim-CSS").src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/16320/dresstop.jpg";
        console.log("1");
        cyclecount++;
        return;
        }
}

在这种情况下，我会将document.getElementById("mfcSim-CSS").src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/16320/dresstop.jpg";替换为document.getElementById("slider")[1].href.click()，依此类推。

谢谢！

如何通过DOM访问每个项目？

0 个答案: