更改 HTML 元素的名称 JavaScript

在 JavaScript 中，我们可以使用 document.createElement() 方法来创建新元素，然后使用 element.replaceWith() 方法来将原有元素替换成新元素。

下面是一个具体的示例：

// 获取要更改名称的元素
let originalElement = document.getElementById('old-element');

// 创建新元素
let newElement = document.createElement('div');
newElement.innerHTML = originalElement.innerHTML;

// 替换原有元素
originalElement.replaceWith(newElement);

// 更改新元素名称
newElement.outerHTML = newElement.outerHTML.replace(/div/g, 'section');

在上面的示例中，我们首先获取了要更改名称的元素，然后创建了一个新元素，并将原有元素的 HTML 内容复制到了新元素中。接着，我们使用 replaceWith() 方法将原有元素替换成了新元素。最后，通过将新元素的 outerHTML 属性中的 div 字符串替换成 section，来更改了新元素的名称。

如果需要更改多个元素的名称，可以使用循环来遍历它们，并重复上述操作。