与 js 交换 div id 后 CSS 不起作用

Question

我试图在用js replace交换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>

我只想应用颜色。我敢肯定，我甚至不止一种方法无法得到它。提前非常感谢。

我实际上忘记了几件重要的事情：

• 具有"WD4"ID 的div 不止一个
我
• 无法编辑文档，我只能注入我的JavaScript代码
• 我也无法编辑样式

Answer 1

你可以通过id找到该元素：

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

小提琴

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

Answer 2

看起来你需要调整你的风格来 #WD4

就个人而言，我只会向元素添加一个 css 类，而不是设置元素的唯一 ID 的样式。