在div与js交换之后CSS不起作用

Question

我试图在使用js替换交换div id后保持css正常工作。我无法弄明白我根本不知道什么是错的。实际上它很简单，我甚至不知道该怎么想......

<style>#WD4 { color:red; }</style>
<div id="60b0b9b1">qww4t</div>
<script>var x = document.body.innerHTML;x = x.replace('60b0b9b1', 'WD4');</script>

我只想要应用颜色。我确定不止一种方法我无法得到它。 非常感谢。

我实际上忘记了一些重要的事情：

• 只有一个div有＆＃39; WD4＆＃39; ID
• 我无法编辑文档，我只能注入我的javascript代码
• 我无法编辑样式

Answer 1

看起来你需要将你的风格调整为＃WD4

我个人只是在元素中添加一个css类，而不是设置元素的唯一ID。

Answer 2

您可以按id找到该元素：

document.getElementById("60b0b9b1").id = 'WD4';

FIDDLE

您的css正在寻找#WD3而不是#WD4