时间戳

首页 > 解决方案 > 如何使用 JavaScript 将 ChargeBee 链接添加到 HTML 元素？

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

问题描述

我在我的网站上使用 Charge Bee 支付网关（谁不知道它是什么，这是从他们的网站创建的支付网关，我只需将链接插入我的网站，就可以从我的网站购买“计划”） . 现在我正在使用 Supsystic 定价表插件，在底部我有一个应该导致付款的按钮，但是插件不允许我在按钮内添加 HTML 元素，所以我可以实际添加它，我认为我唯一的选择是以某种方式将类附加到使用 javascript 或 jQuery 的现有类中。

这是插件中的按钮：

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

这是我需要附加到此按钮代码的数据 cb 类型，以便它可以打开 ChargeBee 交易：

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

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

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

如果有人可以提供帮助，我将不胜感激。最好的祝愿！

标签： javascriptjqueryhtmlcsswordpress

解决方案

您可以在 JS 中使用Element.setAttribute()来实现这一点。

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 示例

推荐阅读