原生js添加id

// 假设页面上有一个class为'my-element'的元素
var element = document.querySelector('.my-element');
element.id = 'new-id';

// 创建一个新的div元素
var newDiv = document.createElement('div');
// 设置id属性
newDiv.id = 'my-new-div';
// 将新元素添加到body中
document.body.appendChild(newDiv);

// 假设页面上有一个class为'my-element'的元素
var element = document.querySelector('.my-element');
element.setAttribute('id', 'new-id');

function setIdIfNotExists(element, newId) {
    if (!document.getElementById(newId)) {
        element.id = newId;
    } else {
        console.warn('ID already exists:', newId);
    }
}

var element = document.querySelector('.my-element');
setIdIfNotExists(element, 'new-id');

for (var i = 0; i < 10; i++) {
    var newDiv = document.createElement('div');
    newDiv.id = 'my-div-' + i;
    document.body.appendChild(newDiv);
}