javascript - FBJS JavaScript getElementById 返回空值？

Question

FBJS 正在驱动我的精神，我在选择元素时遇到问题。我的页面内容如下:

 <button id="sendmessage" type="submit" style="border: 0; background: transparent">
        <img src="Button.png" alt="Submit" />
        <div id="output">Send Message</div><span id="overlay"></span>
  </button>

作为我的 FBJS 的一部分，我有

var refSendMessage = document.getElementById('sendmessage');
var refOutput = document.getElementById('output');

不过

refSendMessage.setDisabled(true);

获取错误 Uncaught TypeError: Cannot call method 'setDisabled' of null

但是

refOutput.setTextValue("Sending...");

工作正常!

为什么refSendMessage的类型是null，refOutput却没问题？ ID 在同一个地方声明？

请需要 JS 向导 :-)

非常感谢您的宝贵时间，

---

额外信息，如果我使用 <span id="sendmessage"></span> ，不会出现错误。这可能是 Facebook 错误吗？

Answer 1

1. 确保您的页面上没有任何其他 ID 为“sendmessage”的内容。
2. 尝试改变<button>到<input type="button">使用 id 'sendmessage' 并查看 document.getElementById('sendmessage') 是否仍返回 null。如果不是，也许 Facebook 在 <button> 方面有问题元素？
3. 尝试查看呈现的标记并确保 document.getElementById() 中指定的 Facebook 生成的 ID 与按钮元素的 Facebook 生成的 ID 匹配。如果它们不匹配，那么当然会返回 null。