Javascript CSS没有';与js交换div id后无法工作
在用jsreplace替换divid之后,我试图让css继续工作。我真的搞不懂我根本不知道怎么了。其实很简单,我都不知道该怎么想Javascript CSS没有';与js交换div id后无法工作,javascript,html,css,Javascript,Html,Css,在用jsreplace替换divid之后,我试图让css继续工作。我真的搞不懂我根本不知道怎么了。其实很简单,我都不知道该怎么想 <style>#WD4 { color:red; }</style> <div id="60b0b9b1">qww4t</div> <script>var x = document.body.innerHTML;x = x.replace('60b0b9b1', 'WD4');</script>
<style>#WD4 { color:red; }</style>
<div id="60b0b9b1">qww4t</div>
<script>var x = document.body.innerHTML;x = x.replace('60b0b9b1', 'WD4');</script>
#WD4{颜色:红色;}
qww4t
var x=document.body.innerHTML;x=x。替换('60b0b9b1','WD4');
我只想涂上颜色。我肯定有不止一种方法,我就是弄不明白。
非常感谢
我实际上忘记了一些重要的事情:
- ID为“WD4”的div不止一个
- 我不能编辑文档,我只能插入javascript代码
- 我也不能编辑样式
就我个人而言,我只想向元素添加一个css类,而不是为元素的唯一ID设置样式。看起来您需要将样式调整为#WD4
就我个人而言,我只是向元素添加一个css类,而不是为元素的唯一ID设置样式。您可以通过
ID
找到元素:
document.getElementById("60b0b9b1").id = 'WD4';
您的css正在查找
#WD3
而不是#WD4
您可以通过id
找到元素:
document.getElementById("60b0b9b1").id = 'WD4';
您的css正在寻找
#WD3
而不是#WD4
为什么不首先使用WD4作为ID?(或WD3,无论您实际想使用哪个)这似乎是一种通过更改ID来处理样式的非常奇怪的方式。也许对更高级别问题的解释会给您提供更好的解决方案。为什么不从一开始就使用WD4作为ID?(或WD3,无论您实际想使用哪个)这似乎是一种通过更改ID来处理样式的非常奇怪的方式。也许对更高级别问题的解释会给您提供更好的解决方案。如果我使用您的技术或我的技术替换div ID,会有什么不同吗?好吧,略去一点我并不在意的表现,没有什么区别。它不适用于这两种风格them@NadiaKrawczyk您发布的代码在我试用时不起作用:即使您在CSSI中切换id
,这确实令人困惑,但我必须道歉,因为我启用了noscript,而fiddle对我来说并不起作用。但我可以看到你的小提琴工作得很好,我认为它不会更早,因为我试图复制它,但没有任何成功。非常感谢,我会再试一次。还有一件事我想出来了,可能会让你发笑,那就是这个问题是由于我试图在课堂上使用id选择器(#)造成的。因此,我尝试在使用#选择器时将某些类设置为红色。正如他们所说,迟做总比不做好。如果我用你的技术或我的技术替换div id,会有什么区别吗?好吧,略去一点我并不在意的表现,没有什么区别。它不适用于这两种风格them@NadiaKrawczyk您发布的代码在我试用时不起作用:即使您在CSSI中切换id
,这确实令人困惑,但我必须道歉,因为我启用了noscript,而fiddle对我来说并不起作用。但我可以看到你的小提琴工作得很好,我认为它不会更早,因为我试图复制它,但没有任何成功。非常感谢,我会再试一次。还有一件事我想出来了,可能会让你发笑,那就是这个问题是由于我试图在课堂上使用id选择器(#)造成的。因此,我尝试在使用#选择器时将某些类设置为红色。正如他们所说,迟做总比不做好。