將 Class 樣式復制到另一個元素而不更改它的 class

Question

故事漫長而痛苦，但總之

我有這樣的元素：

<button type="button" class="btn btn-lg btn-add-cart">Add to cart</button>

我希望它看起來像：

<a href="#" class="dc_bevel_button green">Green Button</a>  

這是針對特定視圖，我不應該更改 class，因為它用於很少的事情。 它是一種僅使用 javascript 將樣式傳遞給它的方法嗎？

Answer 1

是的，我們可以使用addClass ，像這樣 - ：

var element = document.getElementById("yourSelectorForButton");
element.removeAttribute("class");
element.classList.add("dc_bevel_button green");

此外，如果您不想直接添加 class 我們也可以添加樣式 -：

document.getElementById("yourSelectorForButton").style = "copy paste style from dc_bevel_button green";

Answer 2

如果我沒記錯，您正在嘗試將btn btn-lg btn-add-cart的 styles 復制到dc_bevel_button 。 如果是這樣，那么您有 3 個選項

1. 手動復制styles

2. 如果您使用像 SASS 這樣的預處理器，那么您可以使用自己的 class示例鏈接擴展原始 class

3，如果您正在尋找運行時選項，那么您可能正在尋找getComputedStyle示例 - 如何使用 getComputedStyle