可以使用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

要在元素中存储数据，您还可以使用dataset property。

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

这将导致名为“data-some-data-attr”的属性。

Answer 3

首先，获取dom元素：

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

然后，设置属性

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

如果您使用的是jQuery

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

Answer 4

你也可以使用jquery

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

Answer 5

是的，有可能。

Vanilla JS：

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

jQuery的：

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