javascript - 使用 FBJS 改变 CSS

Question

我对 Facebook 的 Javascript 实现有点困惑。我想在复选框上设置一个监听器，以便在选中时更改我可以通过 ID 获取的元素的类。

我一直在使用测试控制台并尝试了各种排列组合。 Javascript 不是我的第一语言，也不是我的第二、第三语言...有人可以帮我翻译我的伪代码吗？

<input class="one" type="checkbox" onclick="setcolor(this.checkedornot)">
    function setcolor(checkedornot){
        if checkedornot == true {set p.one to p.one.GREEN}
        if checkedornot == false {set p.one to p.one.RED}
    }

显然这不是 javascript，但这是我能最好地解释我需要的功能的方式。在我的简短测试中，FBJS 似乎甚至没有注册 onClick 事件。谢谢!

Answer 1

FBJS 有自己的 getter 和 setter。获得“检查”和设置/删除类是不同的。而且，如果要添加 green 类，则必须删除 red 类，反之亦然。或者，如果你只想覆盖元素的所有类，你可以使用 setClassName(class) 方法代替，我将使用 add/remove 我的答案中的类方法，因为它的破坏性较小。

FBJS Docs: Manipulating Objects

对于 onclick 事件，如果 onclick 不起作用，我认为您应该使用 addEventListener。 Events in FBJS

代替 this.checked，FBJS 使用 getChecked。因此，当您添加事件监听器(对于 click)时，为 arg 添加一个 this.getChecked()。

setColor(this.getChecked());

对于函数:

function setColor (isChecked) {
    var p = document.getElementById(ID-OF-P);
    if (isChecked) {
        p.removeClassName("red");
        p.addClassName("green");
    } else {
        p.removeClassName("green");
        p.addClassName("red");
    }
}

虽然我也是 JS 新手。我认为这是对的。