ein Element Zugriff id (JavaScript)

Question

Szenario mit: Ich habe ein Formular-Element mit id = "shipping_address"

Werden alle folgenden Arbeiten:

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: 

Vielen Dank im Voraus!

Answer 1

Hier ist ein aktuelles Beispiel:

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>

Auch habe ich eine JSFiddle dir zu helfen.

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

bitte beachten Sie, was ich denke, ein Tippfehler in der letzten Zeile ist: var i =

forms.shipping_address: 

die: a sein sollte;

ich corrrected es in jsFiddle

Answer 2

Sie können alle von ihnen auf Codepen.io versuchen, aber ich würde nur verwenden:

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

und den Zugang dann all the properties listed here nach dem, was Sie brauchen.

Answer 3

Verwenden Sie diesen Wert eines Elements zu erhalten, indem ID des Elements Referenzierung:

document.getElementById('shipping_address').value; 

Answer 4

Diejenigen, wird nicht funktionieren.

Wenn Sie versuchen, die Referenz Ihres Elements zuweisen mit id="shipping_address", wäre der richtige Weg sein:

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

Um die einzelnen Felder zugreifen (und ihre jeweiligen Inhalte) dieses Elements, müssen Sie zuerst Zugriff auf das Array von Elementen in Ihrem <form> Elemente, und dann durchlaufen:

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> Das Element zum Gruppieren einzelne <input> Elemente ein Sonderbehälter, Jeder sollte seinen Eingabetyp angeben. Zum Beispiel:

Das würde 4 einfache Eingabetextfelder erstellen, aus denen Eingaben gesammelt werden können. zusammen all das Einlochen, können wir eine Funktion erstellen, die ein Array zurückgibt alle Werte der Eingabefelder in Ihrem shipping_address Formularelement enthält:

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; 
} 

Und von dort auf Sie, dass die Daten verarbeiten können wie Sie wollen.

Es gibt viele weitere Eingabe type s, ich schlage vor, Sie lesen die Referenzdokumentation bei w3schools html form reference, die eine akzeptable Dokumentation für die meisten Elemente bietet.

Hoffe, das hilft!