如何使用JavaScript编辑CSS哈希标记

我有一个页面，我使用CSS和Javascript编辑如下值：

document.getElementById("Doc1").style.opacity = "value";

然而，在这种情况下，我似乎无法让它工作，因为我无法访问#Image1

#Image1=/=element.style

我尝试使用id=“Image1”更改动画播放状态。 任何解决方案？

您可以从字符串中删除#，然后使用

getElementByID

或者只使用querySelector并传递完整的ID

id = id.replace("#","");

document.getElementById(id).style.opacity = "value";

或

document.querySelector("#Image1").style.opacity = "value";

如果您的问题是

动画播放状态

部件，则可以使用以下方法：

document.getElementById(id).style["animation-play-state"] = "paused";

---

使用以下命令编辑图元样式时：

document.getElementById（“Doc1”）.style.opacity=“value”；

您正在设置元素的样式，而不是

#Image

块应用的样式

如果要编辑

#Image

块应用的样式，可以使用和等函数

我不会编辑样式表应用的样式，而是从元素中添加或删除类

测试
.正在运行{动画播放状态：正在运行；}
.已暂停{动画播放状态：暂停；}
document.getElementById（'my-div'）.classList.remove（“正在运行”）；
document.getElementById（'my-div'）.classList.add（“已暂停”）；

所以我尝试了你的方法，当我根据需要更改它时，它做了一些事情。我添加的代码是：#Image1{animation play state:running；}，JS代码是：document.getElementById（'Image1'）.classList.add（'#Image1'）；它完成了任务，但是它创建了一个新类，而不是编辑现有类。对，

classList.add

将添加一个新类。同样，我建议不要试图修改样式表应用的类，而是通过修改元素的类列表来控制哪些预定义类应用于元素。抱歉，如果我解释这个有困难。