2

HTML:

<select id="mySelect">
    <option>Apple</option>
    <option>Orange</option>
    <option>Pineapple</option>
    <option>Banana</option>
</select>

Javascript:

var x=document.getElementById("mySelect");
alert(x.options.item(1).text);
alert(x.options[1].text);

ここでは、オプションのテキストを取得しています。違いは何ですか

x.options.item(1).text

と

x.options[1].text

どちらも同じ結果が得られるためです。

4

3 に答える 3

5

SELECT 要素には、オプションのコレクションがあります。

options[i] を実行すると、実際にはコレクションに直接アクセスしています (配列など)。

options.item(i) を実行すると、同じものにアクセスしますが、API を介してアクセスします。

コレクションの基になる実装が変更された場合、例外が発生する可能性があるため、2 番目の方法をお勧めします。そのための API があります。

API 仕様: https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionsCollection

于 2013-09-16T07:54:19.970 に答える