【问题标题】:Change id label into CSS by clicking on a button and using javascript通过单击按钮并使用 javascript 将 id 标签更改为 CSS
【发布时间】:2021-06-08 16:33:58
【问题描述】:

需要你的帮助:

我有这个 CSS,我想在单击按钮后将“ACTIVE”一词更改为另一个词:

点击后应该是: 示例:body.new.content

我的代码是: enter image description here

你能帮帮我吗? 谢谢。

感谢您的回答,我的问题是如何执行此操作: 当我点击第一个按钮时(如图所示),它会打开 2 个弹出窗口以及第二个按钮

enter image description here

enter image description here

这是我的 html 代码: enter image description here

【问题讨论】:

标签: javascript css


【解决方案1】:

为什么需要使用 javascript 更改 css。这不是正确的方法,不能直接做。

例如,如果您有需求,请尝试在您的 html 内容中删除活动并添加需求类。在你的 CSS 中保留这两种类型的样式。如果仍有确切的修改需求,请告诉我们 denarii,让我们思考并指导您。谢谢,

【讨论】:

    【解决方案2】:

    我认为您不能以您描述的方式干扰 CSS。 您需要使用 classList.add("the name of the class you want to add") 添加一个新类,然后将其附加到父 div 或例如使用 append()appendChild() 方法的主体,然后如果您愿意,可以使用 .style 对其进行样式设置

    【讨论】:

      【解决方案3】:

      我不建议您这样做,因为您在以后的应用开发中会遇到一些问题。

      无论如何,我可以为您提供解决方案。每个 DOM 元素都有很多属性,其中一个是 classList,它是元素所具有的类数组。

      你可以这样获取:body.classList

      所以,如果你想从你的身体中删除类.active,你可以使用remove()方法,像这样:body.classList.remove('active')。然后,如果您想添加另一个类,如.new,您必须使用 add 方法,如下所示:body.classList.add('new')。确保 css 中有一个“新”类。

      【讨论】:

        猜你喜欢
        • 2011-05-20
        • 2021-11-16
        • 1970-01-01
        • 1970-01-01
        • 2020-07-28
        • 1970-01-01
        • 2012-10-24
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多