如何使用 JavaScript 更改 HTML 元素的 ID？

Question

我正在使用 JavaScript 修改 HTML div 元素客户端的 ID。以下代码在 Internet Explorer 中可以正常工作，但在 Firefox/2.0.0.20 中无法正常工作。它确实适用于更新版本的 Firefox。

 document.getElementById('one').id = 'two';

谁能告诉我：

1. 为什么这在 FireFox 中不起作用。
2. 如何在 FireFox 中进行这项工作。

为了澄清，我正在更改元素 ID 以引用外部样式表中的不同样式。该样式适用于 IE，但不适用于 FF。

原文由 Tesseract 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以修改 id 而不必使用 getElementById

例子：

 <div id="One" onclick="One.id = 'Two'; return false;">One</div>

你可以在这里看到它：http: //jsbin.com/elikaj/1/

使用 Mozilla Firefox 22 和 Google Chrome 60.0 测试

原文由 nimday 发布，翻译遵循 CC BY-SA 4.0 许可协议