按ID更改HTML元素

Question

  

可能重复：
  Change an element's CSS class with JavaScript

发现很多关于这个主题的话题，但没有人帮助过我。我有：

<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 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可以简化一些事情。如果只是为了这一件事，那么提供的其他一些答案会更好。