如何使用JavaScript將ChargeBee鏈接添加到HTML元素？

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>

這是我需要附加到此按鈕代碼的data-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"到data-cb-type="checkout" data-cb-plan-id="Pet_sitter_three_monthly" .charge-bee 。

CodePen示例