按 ID 更改 HTML 元素 [重复]答案

【问题标题】：Change HTML element by ID [duplicate]按 ID 更改 HTML 元素 [重复]
【发布时间】：2012-07-09 23:26:09
【问题描述】：

可能重复：
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 做到这一点？

【问题讨论】：

【解决方案1】：

试试这样：

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

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

【讨论】：

<script type="text/javascript"> var elem = document.getElementById("text-6"); elem.setAttribute("class", elem.getAttribute("class")+" fit"); </script> 添加到标题中 - 不工作然后尝试靠近这个 div 标签，什么也没有
@elwins - 似乎工作：jsfiddle.net/f3YCG
@RobHruska 我添加了有关 elwins 评论的相关说明
hmm，那么如何正确添加到网页呢？
@elwins 试试这样：window.onload=function(){ var elem = document.getElementById("text-6"); elem.setAttribute("class", elem.getAttribute("class")+" fit"); };.

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

编辑：

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

【讨论】：