[javascript] javascript remove "disabled" attribute from html input

How can I remove the "disabled" attribute from an HTML input using javascript?

<input id="edit" disabled>

at onClick I want my input tag to not consist of "disabled" attribute.

method 1 <input type="text" onclick="this.disabled=false;" disabled>
<hr>
method 2 <input type="text" onclick="this.removeAttribute('disabled');" disabled>
<hr>
method 3 <input type="text" onclick="this.removeAttribute('readonly');" readonly>

code of the previous answers don't seem to work in inline mode, but there is a workaround: method 3.

see demo https://jsfiddle.net/eliz82/xqzccdfg/

To set the disabled to false using the name property of the input:

document.myForm.myInputName.disabled = false;

Best answer is just removeAttribute

element.removeAttribute("disabled");

Why not just remove that attribute?

1. vanilla JS: elem.removeAttribute('disabled')
2. jQuery: elem.removeAttr('disabled')