Javascript for adding a custom attribute to some elements

Question

Given a section of HTML, can I selectively pick some types of elements (ex: input type) and add a custom attribute using Javascript. I would also need to remove this attribute if it exists.

I have done this earlier using JQuery but am unable to use JQuery for this particular task.

Answer 1

el.attribute = value

is all there is to it. The attribute is created if it does not exist.

Answer 2

Accessing HTML attributes using the DOM

element.hasAttribute('foo');
element.getAttribute('foo');
element.setAttribute('foo', value);
element.removeAttribute('foo');