javascript - 按 ID 更改 HTML 元素

Question

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

找到了很多关于这个话题的话题，但没有一个对我有帮助。我有：

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

Javascript 代码应该添加新的类拟合，所以结果应该是：

<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 Elements。这就是为什么您需要将DOM操作脚本放在window.onload回调中，或者如果您使用jQuery, 则在$(document).ready回调中。

Answer 2

您将以下内容放在脚本标签之间。

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

Answer 3

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

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

编辑：

包含整个 jQuery 库对于您的情况可能有点过头了，但是如果您经常处理 DOM 操作，jQuery 可以简化很多事情。如果只是为了这一件事，那么提供的其他一些答案会更好。