HTML_html/css_WEB-ITnoseの名前とIDについて-htmlチュートリアル-php.cn

HTML_html/css_WEB-ITnoseの名前とIDについて

WBOY

リリース： 2016-06-21 09:39:27

オリジナル

1102 人が閲覧しました

<script type="text/javascript">function fun(){	document.getElementsByName("haha").reset();}</script></script><body><form name="haha"><!--这里要实现姓名和座号重置，要用id ,用name没有反应-->    姓名：<input type="text" /><br />	座号：<input type="text" /><br />	<input type="button" value="重置" onClick="fun()"><br /></form> </body>

ログイン後にコピー

 </head><script type="text/javascript">function check(){	document.getElementsByName("myCheck").checked=true}function uncheck(){	document.getElementsByName("myCheck").checked=false}</script></head><body><form><input type="checkbox" name="myCheck" /><!--这里也不能用name...用了id才有反应--><input type="button" onclick="check()" value="选定复选框" /><input type="button" onclick="uncheck()" value="取消选定复选框" /></form> </body>

ログイン後にコピー

<head><script type="text/javascript">function check(browser)  {  document.getElementById("answer").value=browser  }</script></head><body><p>您喜欢哪款浏览器？</p><form><input type="radio" name="browser" onclick="check(this.value)" value="Internet Explorer">Internet Explorer<br /><input type="radio" name="browser" onclick="check(this.value)" value="Firefox">Firefox<br /><input type="radio" name="browser" onclick="check(this.value)" value="Netscape">Netscape<br /><input type="radio" name="browser" onclick="check(this.value)" value="Opera">Opera<br /><br /><!--写到这里纳闷了特久，为什么例题的name就可以单选，我改成Id后就变成多选 并且勾了还不能取消-->您喜欢的浏览器是：<input type="text" id="answer" size="20"></form></body>

ログイン後にコピー

初心者なのでNAMとIDの使い方の違いをネットで調べたのですがよく分かりませんどのような場合にnameを使うのか先輩方からアドバイスをお願いします。 IDを使用するには。上記の 3 つの状況では何が起こっているのでしょうか?

ディスカッションへの返信(解決策)

name:
1. フォーム送信時に名前でデータを取得する
2. アンカーポイントを作成する
3. 名前でオブジェクト等を参照できる

id
1. 通常、要素を取得するために使用される一意の識別子 ( document.getElementById など)

もちろん、 name を使用して要素を取得することもできます ( document.getElementsByTagName )。つまり、配列を取得しますが、他の識別子を使用して要素を取得する必要があります。クラス、タイトルなどの要素、つまり ID が一意であることを決定します。

ちなみに、例の Raid も名前を使用してグループ化を決定します。同じ名前の Raid には値が 1 つだけあります

開発者ツールを使用してブレークポイントを設定し、document.getElementsByName("haha) で何が起こるかを確認してください。 ") それが何であるか、そしてどのような属性を持っているかは一目瞭然です

元の投稿者の 2 番目のコードを見逃していたことに今気づきました。私が言及した 2 番目のコードは、元の投稿者の 3 番目のコードを指します。
2 番目1 つは最初のものと同じです:
function check(){ document.getElementsByName("myCheck").checked=true }
function uncheck(){ document.getElementsByName("myCheck").checked= false }
を次のように変更する必要があります:
function check(){ document.getElementsByName("myCheck")[0].checked=true }
function uncheck(){ document.getElementsByName("myCheck")[0].checked= false }

開発者ツールを使用してブレークポイントを作成し、document.getElementsByName("haha") が何であるか、およびそれに含まれる属性を確認します。これは一目瞭然です

firebug を使用してデバッグし、ブレークして確認します。 document.getElementsByName("haha") を実行すると、その中にたくさんのものが含まれていることがわかります。。どれを探せばいいのかわかりません = =

4 階の p2227 からの返信を引用: 開発者ツールを使用してブレークポイントを設定し、document.getElementsByName("haha") が何であるか、およびそれにどのような属性があるかを確認します。一目瞭然です

デバッグにはfirebugを使いますしばらくしてdocument.getElementsByName("haha")を見てみると、色々とあることが分かりました。。どれを探せばいいのかわかりません = = 探しているものの値を出力するだけです

4 階の p2227 からの返信を引用: 開発者ツールを使用してブレークポイントを設定し、どの document.getElementsByName かを確認してください("haha") は、どんな属性があるか一目瞭然です

デバッグには firebug を使用し、しばらくして document.getElementsByName("haha") を見てみると、たくさんのものが含まれていることがわかりました。それ。。どれを探せばいいのかわかりません = = これは次のようなものです ~~ まず ID を見つけてから、それを名前と比較します。一般的に、名前には配列、つまり
を選択する必要があります。 document.getElementsByName("haha") [0] 見てください。各 DOM ノードの下には多くの属性があります。特に、いくつかのブラウザーでカスタマイズされた属性に慣れてください。その後、徐々に使用していきます。