You can add an attribute to an existing tag using javascript

Question

I am curious if it is possible to use javascript to take an existing html-operator, for example

<input id="name"> 

and convert it to

 <input id="name" asdf="fdsa"> 

Answer 1

Yes, try the following:

 document.getElementById("name").setAttribute("user-attr","Hello") 

Pure Vanilla Javascript!

Answer 2

You can also use the dataset property to store data in an element.

 document.getElementById("name").dataset.someDataAttr = 'mydata'; 

This will result in an attribute named "data-some-data-attr".

Answer 3

First enter the dom element:

 var element = document.getElementById("name"); 

Then set the attribute

 element.setAttribute("asdf", "fdsa"); 

If you are using jQuery

 $("#name").addr("asdf", "fdsa"); 

Answer 4

you can do it using jquery also

 $('#name').attr('asdf','fdsa'); 

Answer 5

Yes it is possible.

Vanilla JS:

 document.getElementById('name').setAttribute('asdf','fdsa'); 

JQuery

 $("#name").attr("asdf","fdsa");