I am curious if it is possible using javascript to take an existing html statement like
<input id="name">
and transform it to
<input id="name" asdf="fdsa">
Add a comment
|
5 Answers
Yes , try this:
document.getElementById("name").setAttribute("user-attr","Hello")
Pure Vanilla Javascript!
1 Comment
Bhavuk Mathur
setAttribute("event.stopPropagation()") The above syntax is not working.. what's the solution to this..??
For storing data in an element you may also use dataset property.
document.getElementById("name").dataset.someDataAttr = 'mydata';
This will result in an attribute with name "data-some-data-attr".
Comments
First, get 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");
1 Comment
Ivan Chernykh
If it is a custom attribute it is good to prepend it with "user-"
you can do it using jquery also
$('#name').attr('asdf','fdsa');
Comments
Yes, it is possible.
Vanilla JS:
document.getElementById('name').setAttribute('asdf','fdsa');
jQuery:
$("#name").attr("asdf","fdsa");
