javascript - javascript [fbjs] in facebook pages/tabs

Question

I simply want some tabbing functionality on a facebook application (business) tabs

I have some basic HTML and JS [fbjs], this doesn't seem to work I have no clue whats wrong.

<div id="foo">foo div</div>


<script><!-- 
function changeText(evt){  
    evt.target.style.display = "none";
}

var foo = document.getElementById('foo');
foo.addEventListener('click',changeText);
//--> </script>

What am i missing?

Answer 1

它在 Chrome 中对我有用。你使用的是什么浏览器？您确定要嵌入此代码的页面不包含另一个 id 为“foo”的元素吗？

Answer 2

当您在 Facebook 中运行脚本时，Facebook 实际上会更改脚本运行的 JavaScript 和 DOM 环境。 FBJS (Facebook JavaScript) 围绕事件和 DOM 元素等设置了几个包装器。这意味着类似的事情DOM_Element.style.some_attribute不会起作用。如果要获取或设置元素的样式，则需要使用DOM_Element.getStyle()andDOM_Element.setStyle()代替。

事件像 W3C 指定的那样工作：

从文档：

//add event listener to 'foo' div (mouseover & mouseout)
document.getElementById('foo').addEventListener('mouseover',myEventHandler);
document.getElementById('foo').addEventListener('mouseout',myEventHandler);