如何使用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()方法一步完成

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

---

或

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;