Скопировать стиль класса в другой элемент без изменения его класса

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>  

Это для конкретного вида c, и я не должен менять класс, так как он используется для очень немногих вещей. Это способ передать стиль с помощью javascript.

Answer 1

Если я не ошибаюсь, Вы пытаетесь скопировать стили btn btn-lg btn-add-cart в dc_bevel_button . Если это так, то у вас есть 3 варианта

1. Скопируйте стили вручную

2. Если вы используете препроцессор, такой как SASS, вы можете расширить исходный класс с помощью ваш собственный класс Пример ссылки

3. Если вы ищете опцию времени выполнения, то вы, вероятно, ищете getComputedStyle Пример - Как использовать getComputedStyle

Answer 2

Да, мы можем использовать addClass, что-то вроде этого -:

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

Также, если вы не хотите добавлять класс напрямую, мы также можем добавить стиль -:

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