name属性とid属性の違い。DOMの概念？

解決済

質問者：urokogumo
質問日時：2004/02/16 10:59
回答数：5件

name属性とid属性の違いは何なのでしょうか。特にid属性についてよくわかりません。

本を読むと、「これからはDOMというオブジェクトの構造モデルが主流になる。DOMではオブジェクトをid属性で特定できる。」というようなことが載っていました。また、「id属性はname属性と同じようなもの」とも書いてありました。
そこで、あるオブジェクトに対し、"name="ではなく"id="として名前をつけました。そしてそのオブジェクトのidを指定して扱おうとしたのですがうまくいきません。

name＝idではないのでしょうか。idはどのように使えばよいのでしょうか。idを利用する際の注意点等を教えていただければと思います。

（私の環境はwindows98、IE6です。）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： torakiyojp
回答日時：2004/02/27 11:39

formにidを設定してみました。

<html>
<head>
<title>nameとid３</title>
<script language="JavaScript">

</script>
</head>
<body>
<form id="form1">
<input type="text" name="Name_Object" id="Id_Object" value="9999999999">
<input type="button" value="押す" onClick="pushFunc()">
</form>
</body>
</html>

document.all.form1.Id_Object.value
こうするとアクセスできました。
参考になれば。

- 1
- 件

通報する

No.5

回答者： Tetroxide
回答日時：2004/08/18 13:59

NAME属性はSubmit出来ないタグ(TR,TD等)に対して正しく設定できない様です。

ID属性はどのタグにも設定できます。

経験上からですが、Submit出来ないタグに対してもNAME属性は付けられますが、document.getElementsByName("<タグ名>")等のDOM系のメソッドで正しく取得する事が出来ませんでした。

- 0
- 件

通報する

No.3

回答者： torakiyojp
回答日時：2004/02/18 16:12

興味を持ったので、以下のようなスクリプトを作ってみました。

<html>
<head>
<title>nameとid</title>
<script language="JavaScript">

</script>
</head>
<body>
<form name="form1">
<input type="text" name="Name_Object" id="Id_Object" value="9999999999">
<input type="button" value="押す" onClick="pushFunc()">
</form>
</body>
</html>

テキストボックスについては、どちらでも認識してくれるようです。

><input>にidを設定し、JavaScript で呼び出そうとしたのですが、うまくいきませんでした（nameではうまくいきます）。

とありますが、どのオブジェクトに対してどのような処理をしようとしたか教えてください。

この回答への補足

具体的なアドバイスありがとうございます。（返事が遅くなって申し訳ありません。）
確かに、
<input type="text" name="Name_Object" id="Id_Object" value="9999999999">
のように<input>のidは使えました。自分のスクリプトでも問題ありませんでした。
ただ、自分のスクリプトでは、<form>にもnameではなくidを設定していました。それが不具合の原因だと思います。ここでまた新たな疑問が出てくるのですが、<form>にはidが設定できないのでしょうか。それとも、jsの方での指定の仕方がおかしいのでしょうか。
もしよければ、もう少しお付き合いしていただければと思います。

補足日時：2004/02/24 13:08

通報する

- 2
- 件

通報する

No.2

回答者： noname#25358
回答日時：2004/02/17 10:03

>これはなぜでしょうか。

　厳密には同じ物ではないからです。
　NAME="" は単にタグに名前をつけるための属性です。
　それに対し、ID="" はあくまでシステムＩＤを割り当てるための属性で、これらは考え方自体が違う物です。

　ただ、JavaScript 上では「同じ物として扱った方が都合がいい」という理由で、わざと区別をつけていないだけです。
　なので、ID="" の代わりに NAME="" が使えなかったり、逆だったりするのは当然の事です。
　ＨＴＭＬ上ではこれらは別々のものとして扱われています。

- 0
- 件

通報する

No.1

回答者： noname#25358
回答日時：2004/02/16 11:25

　JavaScript 上では特に意識する必要はありません。

　ただし、タグによってサポートしているオプションが「NAME=」である場合と「ID=」である場合があり、書き分けなくてはいけません。

　同じものとして扱えるのは、JavaScript のインタプリタが ID と NAME を同じ物として扱うからで、データ上は別々の領域に格納されています。

この回答への補足

要素ごとにnameとidを使い分ける必要があるということですね。
そこで、どういう要素にid属性が利用できるのか調べました。するとidは共通属性であり多くの要素に使用できることがわかりました。しかし、実際のところ<input>にidを設定し、JavaScript で呼び出そうとしたのですが、うまくいきませんでした（nameではうまくいきます）。これはなぜでしょうか。
id属性の扱い方か何かが違うのでしょうか？

補足日時：2004/02/17 08:09

通報する