如何使用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">

我知道解决办法一定很简单，但我就是想不出来。非常感谢你的帮助！！

- Philip Southwell

---

你是在尝试编写一个转换HTML字符串或修改DOM的函数吗？ - Chris Martin

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

- Sampath Liyanage

---

这是一个不必要的冗长方式，只是为了执行 setAttribute。 - user663031