Question

如何在JavaScript中获取元素name属性？

HTML：

<input class="so" name="Name" value="bob"></input>
<input class="so" name="LastName" value="Feyzi"></input>
<input class="so" name="Email"></input>
<input class="so" name="Address"></input>
<input type="submit"></input>

JavaScript：

var person={};
var cars = document.querySelectorAll(".so");
for (i = 0; i < cars.length; i++) { 
  var elname = document.getElementByClassName('.so')[i].getAttribute('name');
  //var eln = document.getElementsByTagName("input")[i].getAttribute("name");
  var vala = document.querySelectorAll('.so')[i].value;
  //alert(vala);
  alert(elname);
}

运行脚本后，我希望使用此数据设置person 对象：

person {
    Name: "bob",
    LastName: "Feyzi",
    Email: "",
    Adderss: ""
}

JSFiddle

Answer 1

使用您在querySelectorAll找到的收藏集来获取value和name属性的值：

var person = {}
var cars = document.querySelectorAll(".so")
for (i = 0; i < cars.length; i++) { 
  person[cars[i].name] = cars[i].value
}
console.log(person)

JSFiddle

Answer 2

因为getElementByClassName不存在（也不会在你的脚本中使用）。使用此：

 var person={};
 var cars = document.querySelectorAll(".so");
 for (i = 0; i < cars.length; i++) { 
       alert(cars[i].name)
 }

Answer 3

首先，使用cars变量而不是每次调用querySelectorAll。其次，使用addEventListener在单击时执行代码。

小提琴：http://jsfiddle.net/guyavunf/3/

代码：

// HTML
<input class="so" name="Name" value="bob"></input>
<input class="so" name="LastName" value="Feyzi"></input>
<input class="so" name="Email"></input>
<input class="so" name="Address"></input>
<input class="submit" type="submit"></input>

// JS
document.querySelector('.submit').addEventListener('click', function() {
    var person={};
    var cars = document.querySelectorAll(".so");
    for (i = 0; i < cars.length; i++) { 
        var name = cars[i].name;
        var value = cars[i].value;
        alert(name + ': ' + value);
    }
});

在JavaScript中获取元素名称属性

JSFiddle

3 个答案:

JSFiddle