使用Javascript可以向现有标签添加属性吗？

Question

我想知道是否有可能使用JavaScript获取现有的HTML语句，例如：

<input id="name">

并将其转换为

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

- SLIM

Answer 1

好的，试试这个：

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

纯粹的原生JavaScript！

- Ivan Chernykh

---

setAttribute("event.stopPropagation()")这个语法不起作用，有什么解决方法吗？ - Bhavuk Mathur

Answer 2

如果您要在元素中存储数据，也可以使用数据集属性。

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

这将导致一个名为"data-some-data-attr"的属性。

- Lyth

Answer 3

首先，获得DOM元素：

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

然后，设置属性。

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

如果您正在使用jQuery。

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

- Calvin Zhang

---

如果是自定义属性，最好在前面加上“user-”。 - Ivan Chernykh

Answer 4

你也可以使用jQuery来实现它。

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

- Paritosh

Answer 5

是的，这是可能的。

原生JS：

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

jQuery：

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

- jimpix