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

【问题标题】：How to add attribute to HTML element using javascript如何使用javascript向HTML元素添加属性
【发布时间】：2014-12-15 19:40:50
【问题描述】：

使用 javascript（最好不是 jquery）我正在尝试更改行：

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

进入

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

我知道解决方案一定很简单，但我就是无法破解它。非常感谢您的帮助！

【问题讨论】：

【解决方案1】：

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

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

&lt;input type="number" name="price" required="" id="id_price"&gt;

或

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

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

&lt;input type="number" name="price" required="" id="id_price"&gt;

【讨论】：