通过ID更改HTML元素

2018-06-08 07:41:20

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

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

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

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

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

如何用JavaScript做到这一点？

像这样尝试：

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

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

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

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

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

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

编辑：

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

链接地址: http://www.djcxy.com/p/25213.html