fbのようなスイッチの色合いはJSで

Question

私のウェブサイトには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> 

ページ全体をリロードすることなく、濃い色と薄い色の間でdata-colorschemeを切り替えるJavascript機能が必要です。しかし、私はこれをどうやって行うのか分かりません。助言がありますか？

私が使用してみました：

var x = document.getElementsByClassName("fb-like"); 

を動作するようには思えません。なぜ正確にはわかりませんが、このfbのようなものを配列に追加していないと思います。 また、divにfb-likeを配置し、そのdivのinnerHTMLを切り替えてみましたが、idも機能しませんでした。

Javascriptで私のFBのような色を切り替えることはできますか？私はページ上で動的にfbのように変更できるようにしたい。それを行う方法？

Answer 1

このお試しください：

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-likesをラップします。