JavaScriptのnextElementSiblingを回数指定したい

Question

例えば300個あるうちの１００番目の要素を指定した場合は、100回nextElementSiblingをしないといけないのでしょうか？
調べたのですがあまり良い情報を見つけられず・・・

Comments

[m.ts10806]

https://teratail.com/help/question-tips#questionTips4-2 > あなたがどのアドバイスを元に、どのように解決できたのかをお礼とともに伝えましょう。

Answer 1

element.children[99];

Re: 0home さん

Comments

[yambejp]

そういえばchildrenは番号指定できましたね

Answer 2

namdaさんの回答で必要十分なのかもしれませんが
念の為、特定のタグのn個先のsiblingのタグの掴み方（孫はカウントしない）

<script>
window.addEventListener('DOMContentLoaded', function(e){
  var n1=document.querySelector('#x2');
  var p=n1.parentNode;
  var idx=[].map.call(p.children,function(x){return x;}).indexOf(n1);
  var num=3;
//  var n2=[].filter.call(p.children,function(x,y){return y==idx+num;}).shift();
  var n2=p.children[idx+num]; //think49さんの回答のパクリ
  console.log(n2.id);
});
</script>
<div>
<div id="x1">1</div>
<div id="x2">2</div>
<div id="x3">3</div>
<div id="x4">4<span>a</span><span>b</span><span>c</span></div>
<div id="x5">5</div>
<div id="x6">6</div>
<div>

上記例だと、#x2の3つ後ろの兄弟タグのidを拾うので「x5」

Answer 3

document.querySelector('dev.hogehoge:nth-child(100)');

のようにすると100番目の要素を選べます。