Можно добавить атрибут в существующий тег с помощью JavaScript

Question

Мне интересно, если это возможно, используя JavaScript, чтобы взять существующий HTML заявление как

<input id="name"> 

и превратить его в

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

Answer 1

Да, попробуйте это :

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

Pure Vanilla Javascript!

Answer 2

вы можете сделать это с помощью JQuery также

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

Answer 3

Во-первых, получить DOM элемент:

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

Затем установите атрибут

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

Если вы используете JQuery

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

Answer 4

Для хранения данных в элементе вы также можете использовать dataset property.

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

Это приведет к атрибуту с именем «data-some-data-attr».

Answer 5

Да, это возможно.

Vanilla JS:

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

JQuery:

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