按ID更改HTML元素

Question

可能重复： 用JavaScript更改元素的CSS类

找到了很多关于这个话题的话题，但都帮不了我。我有：

<div id="text-6" class="block col-228">

Javascript代码应该添加新的类fit，因此结果应该是：

<div id="text-6" class="block col-228 fit">

如何使用javascript实现这一点？

Answer 1

就像这样：

var elem = document.getElementById("text-6");
elem.setAttribute("class", elem.getAttribute("class")+" fit");

重要注意事项:您需要确保您的DOM Hierarchy是完全构建的，然后尝试操作DOM Element，这就是为什么需要将DOM操作脚本放在window.onload回调中，或者如果使用jQuery，则在$(document).ready回调中。

Answer 2

在脚本标记之间放置以下内容。

document.getElementById('text-6').className += " fit";

Answer 3

我建议使用jQuery。然后你可以做这样的事情：

$("#text-6").addClass("fit");

编辑：

包括整个jQuery库可能会对您的情况造成太大影响，但是如果您经常处理DOM操作，jQuery可以简化很多事情。如果只是为了这一件事，那么提供的其他一些答案会更好。