IDを使用して要素へのアクセス（JavaScriptの）

Question

シナリオ：私は、ID = "shipping_address"

でフォーム要素を持つことになります、次の作業のすべて：

var i = document.shipping_address; 
var i = window.shipping_address; 
var i = shipping_address; 

var i = document.forms.shipping_address; 
var i = windows.forms.shipping_address; 
var i = forms.shipping_address: 

は、事前にありがとうございます！

Answer 1

が実行されている例です。

また

var i = document.shipping_address; 
 
console.log(i); 
 
var i = window.shipping_address; 
 
console.log(i); 
 
var i = shipping_address; 
 
console.log(i); 
 
var i = document.forms.shipping_address; 
 
console.log(i); 
 
var i = windows.forms.shipping_address; 
 
console.log(i); 
 
var i = forms.shipping_address; 
 
console.log(i);

<form id="shipping_address"> 
 
    <input type='text'/> 
 
</form>

私はJSFiddleを作成あなたを助けること。

https://jsfiddle.net/hszknwn9/1/

あなたは私が最後の行のタイプミスだと思うものはあり何卒ご了承下さいます。var i =

forms.shipping_address: 

：する必要があります。

jsFiddleで訂正しました

Answer 2

あなたはCodepen.ioにそれらのすべてを試すことができますが、私はのみ使用します。

var i = document.getElementById("shipping_address"); 

をそして何が必要に応じてall the properties listed hereにアクセスします。

Answer 3

使用この要素のIDを参照することで、要素の値を取得するには：ここで

document.getElementById('shipping_address').value; 

Answer 4

これらは動作しません。あなたがid="shipping_address"とあなたの要素の参照を代入しようとしている場合

、正しい方法は次のようになります。

var i = document.getElementById("shipping_address"); 

は、その要素の個々のフィールド（およびそれぞれの内容）にアクセスするには、最初に必要あなたの<form>要素内の要素の配列にアクセスして、反復処理：

var fields = i.elements; 
var responses = []; 
for(var j = 0; j < fields.length; j++) { 
    //perform actions on or with fields[j], 
    // such as responses.push(fields[j].value); 
    // which would put the value of each field 
    // of the form into the responses array. 
} 

<form>要素は、個々の<input>の要素をグループ化するための特別なコンテナです、それぞれの入力タイプを指定する必要があります。例えば、

<form id="shipping_address"> 
<input type="text" placeholder="Street Address/P.O. box"></input> 
<input type="text" placeholder="Town/City Name"></input> 
<input type="text" placeholder="State/Country Name"></input> 
<input type="text" placeholder="Zip Code (if applicable)"></input> 
</form> 

これは、入力を集めることができる4つの入力単純テキストフィールドを作成します。

function getAddress() { 
    var i = document.getElementById("shipping_address"); 
    var fields = i.elements; 
    var responses = []; 
    for(var j = 0; j < fields.length; j++) { 
     responses.push(fields[j].value); 
    return responses; 
} 

そして、そこからあなたが望むしかし、あなたがそのデータを扱うことができる上：一緒にこのすべてを置く、我々はあなたのshipping_addressフォーム要素の入力フィールドの値のすべてを含む配列を返す関数を作成することができます。

typeの入力数はまだまだ多いですが、参考資料はw3schools html form referenceで読むことをお勧めします。

希望すると便利です。