使用javascript将元素添加到元素中

Question

我想知道是否有人可以帮助我。我正在尝试使用JavaScript将.fancy-btn添加到下面。

<div class="button transparent_2">
<a class="extra-color-3" href="#">Get a quote</a>
</div>

我想将.fancy-btn类添加到div容器中，但似乎无法弄清楚如何实现

由于

Answer 1

您需要使用.addClass()：

$(".transparent_2").addClass('fancy-btn')

Answer 2

以下是仅限JavaScript的方法：

var $a = document.getElementsByClassName("transparent_2");
//assuming there is only 1 element (or is the first)
$a[0].className += " fancy-btn";

JSFiddle

Answer 3

请参阅此处： https://stackoverflow.com/a/507157/3503886

将空格加上新类的名称添加到元素的className属性中。首先，在元素上放置id，以便您可以轻松获得参考。

<div id="div1" class="someclass">
    <img ... id="image1" name="image1" />
</div>

然后

var d = document.getElementById("div1");
d.className = d.className + " otherclass";