Javascript 单击时按钮不改变其位置

我做错了什么？我怎样才能做到这一点

仅当我单击按钮右侧或其下方时，按钮才会移动，但如果我单击按钮，则不会发生任何事情，我希望它像我单击按钮右侧时一样移动。我是javascript的新手，所以我不知道如何正确操作

代码如下：

html

Js

---

单击iFrame中的事件不会从iFrame中冒泡出来。不管怎样，你不能真正做你正在做的事情，把iframe放在一个按钮里。那是无效的。iframe不能存在于按钮内

您不能使用vanilla jQuery来检测某人何时与类似Facebook的按钮进行交互。为此，您需要使用Facebooks API：

---

单击iFrame内的事件不会从iFrame冒泡出来。不管怎样，你不能真正做你正在做的事情，把iframe放在一个按钮里。那是无效的。iframe不能存在于按钮内

您不能使用vanilla jQuery来检测某人何时与类似Facebook的按钮进行交互。为此，您需要使用Facebooks API：

---

在操作元素类时，你应该考虑使用。每个人都喜欢移动按钮……在处理元素类时你应该考虑使用。每个人都喜欢移动按钮…嗯…我不太懂js，我三天前就开始学习了。这段js代码是由某人提供的，现在我正试图将其应用到fb按钮上，但我不知道如何做到这一点。这简直让我发疯：你能给我一个提示吗？因为你提到的那一页我不太懂。。我不太懂js，我三天前就开始学习了。这段js代码是由某人提供的，现在我正试图将其应用到fb按钮上，但我不知道如何做到这一点。这简直让我发疯：你能给我一个提示吗？因为我对你提到的那一页理解不多：\

<div class="button" id="button">
    <iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/FacebookDevelopers&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:21px; position: relative;" allowTransparency="true"></iframe>
</div>

.button.move{margin-left:50px;}

var d = document.getElementById("button");
d.addEventListener('click',function(){
    d.className = d.className + " move";
});