JavaScriptの問題：getElementsByName（）私

Question

のために動作しません。ただ、携帯電話のフィールドに入力された値を警告しようとしているが、それは未定義の警告：

<script type="text/javascript"> 

function foo() { 
    alert(document.getElementsByName("phone").value); 
    return false; 
} 

</script> 

<form action="foo.php" method="post" onsubmit="return foo()"> 
    <label>Name:</label> 
    <input type="text" name="name" /> 
    <label>Phone:</label> 
    <input type="text" name="phone" /> 
    <label>Email:</label> 
    <input type="text" name="email" /> 
    <label>Message:</label> 
    <textarea name="message"></textarea> 
    <input type="submit" value="Submit" name="submit" /> 
</form> 

それが仕事を得るためにどのように？また、getElementsByNameはすべての主要なブラウザでサポートされていますが、それは本当ですか？

Answer 1

document.getElementsByName（...）と

<input type="text" id="phone">Phone:</input> 

はDOM要素のコレクションを返します。

これを試しましたか？

document.getElementsByName("phone")[0].value 

コードスニペットに基づいて、ちょうど名前を使用する代わりに、代わりにIDを使用することができます。その場合、電話することができます...

... HTML ... 
<input type="text" id="phone" /> 

... Javascript ... 
document.getElementById("phone").value 

...あなたが望む要素を取得するには...

Answer 2

要素のコレクションを取得していますが、要素は1つではありません。

alert(document.getElementsByName("phone")[0].value); 

Answer 3

この要素がうまく動作するには、要素にIDが必要です。例えば

document.getElementByID("phone"); 

Answer 4

このメソッドはget * 要素 * ByNameではありません。配列内に複数の要素を返します。あなたが必要なもの

はdocument.getElementsByName("phone")[0].value

されており、むしろ、名前によって、私はIDを使用してお勧めします。

次に、あなたはあなたがチェックしているブラウザdocument.getElementByID("phone").value