DOMを使用して各アイテムにアクセスするにはどうすればよいですか？

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";に代わりますなど。

ありがとうございます！

Answer 1

document.getElementsByTagName（https://www.w3schools.com/jsref/met_document_getelementsbytagname.asp）をご覧ください。

HTML：

<div id="slider"> 
    <a href="https://www.bbc.com">Coffee</a> 
    <a href="https://www.google.com">Tea</a> 
    <a href="https://www.cnn.com">Milk</a> 
</div> 

JS：

var slider = document.getElementById('slider'); 
var links = slider.getElementsByTagName("a"); 
links[1].click();