ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML_html/css_WEB-ITnoseの名前とIDについて

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

WBOY
リリース: 2016-06-21 09:39:27
オリジナル
1087 人が閲覧しました

<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 ノードの下には多くの属性があります。特に、いくつかのブラウザーでカスタマイズされた属性に慣れてください。その後、徐々に使用していきます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート