TypeScriptで取得するname属性のインデックスは毎回同じであると保証されているのか

Question

同じようなDiv要素を配列で操作したいと思っています。

<div name="box">box1</div>
<div name="box">box2</div>
<div name="box">box3</div>
...
<div name="box">boxN</div>

const boxes = document.getElementsByName("box");
for(let i = 0; i < boxes.length; i++){
   const box = boxes[i] //←ここの順番は毎回同じとみなせるのでしょうか？
   //boxに対する処理
}

Comments

[miyabi_pudding]

div要素にname属性はつけれませんが。

https://developer.mozilla.org/ja/docs/Web/API/Element/name

どんな処理・挙動を想定していますか？

[rastynail3366]

すみません、divに関しては私の知識不足でした。
四角い枠組みがいくつかあって、その大きさをそれぞれ変更できるみたいな挙動を想定しています。

Answer 1

getElementsByNameは、HTMLに出現した順で結果を返すことが保証されています。

The getElementsByName(name) method steps are to return a live NodeList containing all the HTML elements in that document that have a name attribute whose value is identical to the name argument, in tree order.（HTML LSより、強調は引用者）

Comments

[maisumakun]

本題ではないですが、コードのほうがgetElementByNameとsが抜けているようです。

[rastynail3366]

ありがとうございます。コードのミスは修正しました。

Answer 2

同じようなDiv要素を配列で操作したいと思っています。

クラスを使いましょう。
divにはnameは使えません。

element.name - Web API | MDN

インデックスは毎回同じであると保証されているのか

document.getElementsByClassNameないしdocument.querySelectorAllでは、
基本的にHTMLでの定義順に取得されます。

Comments

[rastynail3366]

これでしたい挙動ができそうです。ありがとうございます。