Add在某些条件下用Javascript替换div的类

Add在某些条件下用Javascript替换div的类,javascript,jquery,html,css,class,Javascript,Jquery,Html,Css,Class,我试图用Javascript替换div类。我看过一些帖子,但似乎没有帮助(例如)。我有一个简单的HTML document.getElementById("colored-title").innerHTML = "Add comments"; HTML也很简单,并且在类上没有条件时可以工作 <div id="colored-title"></div> 如果项目中有jQuery,那么setAttribute应该如下所示: $("#colored-title").attr

我试图用Javascript替换
div
类。我看过一些帖子,但似乎没有帮助(例如)。我有一个简单的HTML

document.getElementById("colored-title").innerHTML = "Add comments";
HTML也很简单,并且在类上没有条件时可以工作

<div id="colored-title"></div>

如果项目中有jQuery,那么setAttribute应该如下所示:

$("#colored-title").attr("class", "green-text");
您必须使用jQuery选择器,而不是document.getElementById

编辑:值得注意的是,.attr方法还可以同时设置多个内容:

$("#thing").attr({class:"green-text", title:"green-Object", id:"green-Id"});

您可以通过.classname='classname'通过javascript添加类名 这应该有效。检查您的if条件,看看为什么它不起作用

window.onload=function(){
document.getElementById(“彩色标题”).className=“绿色文本”;
}
。绿色文本{
颜色:绿色;
}

你好

此语句将向您的div添加正确的类:

document.getElementById("colored-title").className= "green-text";
但是使用下面的语句,您将类从“绿色文本”更改为“绿色文本”:


如果您的项目中有jQuery,那么

$(“#elem”).addClass(“myClass”)
.myClass{
颜色:红色;
}

正文

其中一些应该有效,一些不会,例如
addClass
是一个jQuery方法,
setAttribute
是一个函数,可能与您应该尝试使用的语法重复。我相信这是纯javascript中最简单的语法。感谢您的回答和参考。我可能错了,但他们没有解决问题的.innerHTML部分。我不想仅仅更改类,我想更改类,然后能够通过Javascript innerHTML方法和更新的类发出HTML文本(除非有其他方法)。
document.getElementById("colored-title").className= "green-text";
document.getElementById("colored-title").className+= "green-text";