Question

我有这段代码：

jQuery(document).ready(function($) {
  document.getElementById('HAVEATESTHERE').className = "newClass";
}

我想在javascript中向#HAVEATESTHERE添加一个类，它不起作用

我错过了什么吗？

Answer 1

您可以使用classList.add方法：

document.getElementById('HAVEATESTHERE').classList.add('first','second', ... );

此外，请确保在呈现DOM后添加您的类。

考虑到element.className = 'someClass'将使用someClass覆盖现有的类。

Answer 2

elementid是你的元素的id，你的类是你想要添加这个元素的类。

 jQuery(document).ready(function($) {
      $('#elementid').addclass('yourClass');
    }

Answer 3

代码很好，请参阅此classlist

确保它是

在window.onload部分

中添加

 window.onload = function(){

     document.getElementById('HAVEATESTHERE').className = "class1";

 };

如果此元素已经有一些类（如更新的OP所示），则使用{{3}}将新类添加到该列表中

     document.getElementById('HAVEATESTHERE').classList.add("class1");

- 或者在已加载所有标记后，在主体末尾添加脚本部分。

Answer 4

确保您没有div的重复ID。检查一下：

＆＃13;

function myFunction() {
    document.getElementById("myDIV").className = "myclass";
}

＆＃13;

.myclass {
    width: 200px;
    height: 100px;
    background-color: blue;
    text-align: center;
    color: white;
    margin-bottom: 10px;
}

＆＃13;

<!DOCTYPE html>
<html>
<head>
<style>
.mystyle {
    width: 300px;
    height: 100px;
    background-color: coral;
    text-align: center;
    font-size: 25px;
    color: white;
    margin-bottom: 10px;
}
</style>
</head>
<body>

<p>Click the button to add a class for div.</p>

<div id="myDIV">
Sample div
</div>

<button onclick="myFunction()">Add Class</button>


</body>
</html>

＆＃13;

Answer 5

基本上你是想在jQuery函数中混合使用JavaScript。请注意这一点。如果您只使用jquery，那么请使用您的代码

就像在这个合成中一样

$(document).ready(function(){
  $('#HAVEATESTHERE').addclass('newClass');
}

使用addclass（）函数将类添加到div。

使用简单的js请尝试使用像这样的匿名函数

(function(){
  var d = document.getElementById("HAVEATESTHERE");
  d.className = " newClass";
})();

使用Javascript简单添加类

5 个答案: