Javascript JS中的fb-like开关方案

我的网站上有一个类似fb的网站

<div class="fb-like" data-href="https://www.facebook.com/wisieleconlinepl-112995595757466/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true" data-colorscheme="dark"></div>

但它似乎不起作用。我不确定到底是什么原因，但我认为它只是没有将这种类似fb的东西添加到阵列中。 我还尝试将fb-like放在一个div中，并切换该div的innerHTML，但id也不起作用

可以用Javascript切换我的FB的颜色方案吗？我希望能够在页面上动态更改fb。怎么做？

试试这个：

function changeColorScheme() {
    var current = $('.fb-like').data('colorscheme');
    $('.fb-like').data('colorscheme', current == 'dark' ? 'light' : 'dark').empty();
    $('.fb-container').each(function() {
        FB.XFBML.parse(this); //rerender all fb-like elements
    });
}

---

注意：应该在小部件的父元素上调用FB.XFBML.parse（），而不是直接在XFBML元素本身上调用。例如，将fb喜欢的东西包装到容器中。

对不起，我是一个完全的初学者，我不知道如何实现您的代码。给你更多的细节：我的页面上有一个。在这里，你可以选择我的页面是黑色还是白色。这会将链接到页面的CSS样式表切换到另一个样式表，并在更改时执行函数。当我的元素被更改时，我想在onchange执行的函数中执行代码来切换FB元素的colorscheme。把fb像硬币一样包起来？把它放到另一个分区里？你能告诉我这到底是什么样子吗？还有，这是纯Javascript吗？不，这是jquery。下面是纯javascript示例：感谢您提供这个纯javascript示例。我是一个初学者，对jquery了解不多，所以我更喜欢使用纯javascript。您的纯javascript示例非常棒。谢谢

function changeColorScheme() {
    var current = $('.fb-like').data('colorscheme');
    $('.fb-like').data('colorscheme', current == 'dark' ? 'light' : 'dark').empty();
    $('.fb-container').each(function() {
        FB.XFBML.parse(this); //rerender all fb-like elements
    });
}