javascript - 如何使用javascript向HTML元素添加属性

Question

使用 javascript(最好不是 jquery)我正在尝试更改行:

<input type="number" name="price" required="" id="id_price">

进入

<input type="number" name="price" required="" id="id_price" step="any">

我知道解决方案一定很简单，但我就是无法破解它。帮助将不胜感激!!

Answer 1

正如 torazaburo 在评论中建议的那样，您可以使用 setAttribute() 方法一步完成

document.getElementById("id_price").setAttribute("step","any");

<input type="number" name="price" required="" id="id_price">

---

或

首先创建属性并设置值。然后将其添加到元素中..

var attr = document.createAttribute('step');
attr.value="any";
document.getElementById("id_price").setAttributeNode(attr);

<input type="number" name="price" required="" id="id_price">