使用id（JavaScript）访问元素

场景：我有一个id=“shipping\u 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:

---

提前谢谢你

您可以在Codepen.io上尝试所有这些，但我只会使用：

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

---

然后根据需要进行访问。

通过引用元素的ID来获取元素的值：

document.getElementById('shipping_address').value;

---

下面是一个运行示例：

var i=document.shipping\u地址；
控制台日志（i）；
var i=窗口装运地址；
控制台日志（i）；
var i=装运地址；
控制台日志（i）；
var i=document.forms.shipping\u地址；
控制台日志（i）；
var i=windows.forms.shipping\u地址；
控制台日志（i）；
var i=表格装运地址；
控制台日志（i）

这些将不起作用

如果您试图使用
id=“shipping\u address”
分配元素的引用，正确的方法是：

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

要访问该元素的各个字段（及其各自的内容），您需要首先访问
元素中的元素数组，然后遍历：

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

从那以后，你可以随心所欲地处理这些数据

还有更多的输入
类型
s，我建议您阅读位于的参考文档，它为大多数元素提供了可接受的文档

希望这有帮助

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

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