如何通过getElementsByName修改元素属性

来源：佚名编辑：佚名

2024-06-27 14:11:47

要通过getElementsByName修改元素属性，可以按照以下步骤进行操作：

使用document.getElementsByName()方法获取包含指定名称的元素集合。
遍历该元素集合，并通过修改元素的属性来实现对元素属性的修改。

例如，假设我们有一个包含多个input元素的表单，并且它们的name属性都是"inputField"，我们可以通过以下代码来修改这些元素的属性：

// 获取所有name属性为"inputField"的元素
var inputElements = document.getElementsByName("inputField");

// 遍历元素集合，修改元素的属性
for (var i = 0; i < inputElements.length; i++) {
    inputElements[i].setAttribute("value", "New Value"); // 修改元素的value属性为"New Value"
    inputElements[i].style.color = "red"; // 修改元素的文字颜色为红色
}