How to add attribute to HTML element using javascript

Question

Using javascript (preferably not jquery) I'm trying to change the line:

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

Answer 1

As torazaburo suggests in the comment you can do it in one step with setAttribute() method

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

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

---

OR

First create the attribute and set the value. Then add it to the element..

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

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