以下是一个示例代码，演示了如何在保持其他部分不变的情况下更改HTML元素的标签名称：

// 获取要更改标签名称的元素
const oldElement = document.getElementById('old-element');

// 创建一个新的元素，带有要更改的标签名称
const newElement = document.createElement('new-tag');

// 复制旧元素的所有属性和内容到新元素
Array.from(oldElement.attributes).forEach(attr => {
  newElement.setAttribute(attr.name, attr.value);
});
newElement.innerHTML = oldElement.innerHTML;

// 用新元素替换旧元素
oldElement.parentNode.replaceChild(newElement, oldElement);

上述代码中，我们首先获取要更改标签名称的元素（假设其id为"old-element"），然后创建一个新的元素，其标签名称设置为"new-tag"。接下来，我们将旧元素的属性和内容复制到新元素中，然后用新元素替换旧元素。

请注意，上述代码假设只更改了标签名称，而其他部分（如类名、样式等）保持不变。如果还需要更改其他部分，请根据具体情况进行修改。