通过纯JavaScript添加和删除ID

Question

如何通过纯JavaScript删除和添加任何ID？喜欢

document.querySelector('div').classList.add('newClass') ;

和

document.querySelector('div').classList.remove('oldClass') ;

Answer 1

由于id是单个字符串，因此只需设置和取消设置即可：

document.querySelector('div').id = 'whatever';

要删除，只需删除属性：

document.querySelector('div').removeAttribute('id');

Answer 2

这样的事情，

document.getElementById("before").id = "newid";
console.log(document.getElementById("newid").id)
//or
document.querySelector('div').id="newid"

<div id="first">
</div>

Answer 3

有很多方法可以实现此目的， 添加 新ID：

document.querySelector('div').id = 'id_you_like';
document.querySelector('div').setAttribute("id", "id_you_like");

删除 id属性：

document.querySelector('div').removeAttribute('id');
document.querySelector('div').setAttribute("id", "");

尽管您可以为元素设置一个空的（null）id，但这不是一个好习惯。

根据W3C：

ID和NAME令牌必须以字母（[A-Za-z]）开头，并且可以是 后跟任意数量的字母，数字（[0-9]），连字符（“-”）， 下划线（“ _”），冒号（“：”）和句点（“。”）。

如果您使用jQuery：

$('div').attr('id', 'id_you_like');
$('div').removeAttr('id');

Answer 4

要创建分配ID的元素

var div = document.createElement('div');
div.id = 'myId';

或者您可以尝试x是否是您的元素。设置您的属性ID

x.setAttribute('id','myCoolElement')