Question

我在我的网站上使用Charge Bee Payment Gateaway（谁不知道这是什么，这是从他们的网站创建的付款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类型，以便它可以打开ChargeBee交易：

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

现在有什么方法可以将这些类添加到我在上面共享的<a>链接中。

请注意，在插件页面上，我可以向按钮添加类，但不能添加data-cb-type和data-cb-plan。

如果有人可以帮助我，我会很高兴。最好的祝福！

Answer 1

您可以使用http://example.org/servers/bob@home/repositories/Examples/models在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。

Element.setAttribute()

如何使用JavaScript将ChargeBee链接添加到HTML元素？

1 个答案: