Как добавить ссылку ChargeBee в элемент HTML с помощью JavaScript?

Question

Я использую Charge Bee Payment Gateaway на своем веб-сайте (кто не знает, что это такое, это платежный шлюз, созданный на их веб-сайте, я просто вставляю ссылку на свой веб-сайт, и «План» можно купить умой веб-сайт).Сейчас я использую плагин Supsystic Pricing Tables, и внизу у меня есть кнопка, которая должна привести к оплате, но плагин не позволяет мне добавить элемент HTML внутри кнопки, чтобы я мог добавить его, и я думаю, что мой единственный вариант этокак-то добавить классы к уже существующим классам с помощью javascript или jQuery.

Это кнопка из плагина:

<a class="ptsEditArea ptsInputShell dt-sc-button charge-bee" style="color: #fff !important;">GET STARTED</a>

И это данные-cb-types, которые мне нужно добавить к этому коду кнопки, чтобы он мог открыть транскрипцию ChargeBee:

data-cb-type="checkout" data-cb-plan-id="Pet_sitter_three_monthly"

Теперь есть ли способ добавить эти классы к ссылке <a>, которой я поделилсявыше.

Обратите внимание, что на странице плагина я могу добавить классы для кнопки, но не могу добавить data-cb-type и data-cb-plan.

Если кто-то может помочь, я будуочень ценный.С наилучшими пожеланиями!

Answer 1

Вы можете использовать Element.setAttribute () для достижения этого в JS.

var e = document.getElementsByClassName('charge-bee');
e.setAttribute('data-cb-type', 'checkout');
e.setAttribute('data-cb-plan-id', 'Pet_sitter_three_monthly');

Это добавит data-cb-type="checkout" data-cb-plan-id="Pet_sitter_three_monthly" к .charge-bee.

Пример CodePen