オブジェクトの指定について（JavaScript）

質問

JavaScriptでのオブジェクトの指定について
以下の２通りがあると思いますが、この２つの
方法はどう使い分けたらよいでしょうか？
また多くのブラウザへの対応のことも考えると、どちらがよいでしょうか？

document.myform.textbox
document.getElementById("textbox")

回答No.3

noname#22259 · ベストアンサー

document.myform.textbox
document.getElementById("textbox")
まず、この例では属性がそもそもちがう。上のはNAME、下のはID
フォームへのアクセスは通常は
×　document.myform.textbox
○　document.forms['formName'].elements['inputName']
が望ましい。
通常のオブジェクト（ID指定）へのブラウザ判別による分岐コードは次のようなもの
function getObj(){
if (document.getElementById)
{
//
}
else if (document.all)
{
//
}
else if (document.layers)
{
//
}
}

お礼

ありがとうございました！

回答No.5

noname#19175

ベストなのはxepharosさんの分岐です。

DOMの実装はIE4以上、NN4.7以上（NN4.0以上？）なので、
それ以前のブラウザはDOM（getElementById）は使えません。

document.myform.textboxはNN用で、IE3以下では動かなかったと思います。
この方法が実装されたのは、WinIE5.0/MacIE5.2かIE6からだと思います。
IE3以前：document.all.myform.textbox
（記憶が曖昧ですm(_ _)m）

お礼

ありがとうございました！

回答No.4

UKY

単純にオブジェクトを指定することを考える場合、
document.myform.textbox
は比較的古くから使われている方法ですが、DOM 規格にはない方法なので全てのブラウザで使えるわけではありません。

document.getElementById("textbox")
は DOM 規格に定められた方法なので、規格に対応したブラウザならどのブラウザでも使えます。

お礼

ありがとうございました！

回答No.2

papillon68

nihon_no_samuraiさん、こんにちは。

document.myform.textbox の方が多くのものに対応できると思います。

getElementByIdだとブラウザの種類やバージョンによって
対応できたり、できなかったりします。

私はIE6以上限定で作っているのでgetElementByIdを使っていますが、
もし、多くのブラウザやバージョンに対応させようと
思っておられるのなら
「ブラウザの判断」と「バージョンの判断」を行い、
そのブラウザに合わせた処理を通すようにした方がよいと思います。

分岐させて
・document.getElementById
・document.layers
・document.myform.textbox
など

参考URL：

http://www.umechando.com/tips/23.htm

お礼

ありがとうございました！

回答No.1

BLUEPIXY

テキストボックスを指定する場合は、
document.myform.textbox
の方がいいじゃないかと思います。
getElementById は、比較的新しいブラウザでないと使えない可能性があります。
また、name とは別にＩＤを振る必要があります。
getElementById は、ＩＤを振ったエレメントを直接捕まえられるので便利です。こちらは、そういう場合に使うと良いと思います。

お礼

ありがとうございました！