Add在某些条件下用Javascript替换div的类
我试图用Javascript替换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
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";