javascript - 可以使用 javascript 向现有标签添加属性

Question

我很好奇是否可以使用 javascript 来获取现有的 html 语句，例如

<input id="name">

并将其转换为

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

Answer 1

是的，试试这个：

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

纯香草 Javascript！

Answer 2

为了在元素中存储数据，您还可以使用dataset 属性。

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

是的，有可能。

香草JS：

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

jQuery：

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