如何通过JS替换正在显示的图像？

问题描述

我想嵌入Wanelo的分享按钮。

I want to embed Wanelo's share button.

这是嵌入代码：

<a class="wanelo-save-button"
  href="//wanelo.com/"
  data-url=""
  data-title=""
  data-image=""
  data-price=""></a><script async="true" type="text/javascript" src="//cdn-saveit.wanelo.com/bookmarklet/3/save.js"></script> 

当我嵌入它时，我得到这个按钮：

When I embed it, I get this button:

我想要更换带有图标的按钮，如下所示：

I want to replace that button with their icon, which looks like this:

作为JS的新手，我无法理解如何从生成中交换该按钮并让这个图标保持在它的位置使共享功能工作。

Being new to JS, I am unable to understand how I can swap that button from being generated and have this icon be in it's place while still making the share feature work.

以下是他们的链接：
我的JSFIDDLE：

Here's their link: http://wanelo.com/about/buttons#save-buttonMy JSFIDDLE:

请指出正确的方向。

推荐答案

该按钮是通过带有内联CSS的JS动态加载的。所以在锚标记中，执行以下操作：

The button is being loaded dynamically via JS with inline CSS. So in the anchor tag, do this:

style="background:none !important;"

这篇关于如何通过JS替换正在显示的图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！