Javascript 按ID更改HTML元素

可能重复：

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

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

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

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

如何使用javascript实现这一点？

尝试以下方法：

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

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

---

重要提示：您需要确保您的DOM层次结构是完整构建的，然后尝试操作DOM元素。这就是为什么需要将DOM操纵脚本放在window.onload回调中，或者如果使用jQuery，则放在$document.ready回调中。

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

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

我建议使用。然后你可以这样做：

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

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

编辑：

---

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

不能说我主张只为一个元素添加一个类名而包含整个jQuery源代码。似乎有点过火了…@danwellman我编辑了我的答案-我假设要进行多次操作，问题只是如何完成。为了将来的搜索。var elem=document.getElementByIdtext-6；elem.setAttributeclass，elem.getAttributeclass+fit；添加在标题中-不工作，然后尝试靠近此div标记，无too@elwins-似乎有效：@RobHruska我已经添加了关于elwins commenthmm的相关注释，那么如何正确地将其添加到web？@elwins尝试如下：window.onload=function{var elem=document.getElementByIdtext-6；elem.setAttributeclass，elem.getAttributeclass+fit；}；。