javascript - 为什么 getElementsByTagName 返回未定义?

标签 javascript html firefox dom

我正在尝试调用 document.getElementsByTagName,结果返回 undefined,无论我传递什么参数。 (即使我传递“*”。)

我尝试使用谷歌搜索,但所有搜索结果都是关于未定义 getElementsByTagName 结果数组的元素。我得到的是 undefined 作为结果本身,这让我感到困惑。

有谁知道是什么原因造成的? (使用 Firefox 12.0。在 Chrome 中我得到了预期的结果。)

编辑:好的,这是示例代码:

function buttonClick(){
   var xhr = new XMLHttpRequest();
   var msg = document.getElementById('message');
   var buttons = document.getElementsByTagName("button");
   var button, i;
   for (i = 0; i < buttons.length; ++i){
      button = buttons[i];
      msg.removeChild(button);
   }

   xhr.onreadystatechange = function() {
        if(xhr.readyState == 4){
            handleResult(xhr.responseText, msg);
        }
   };
   xhr.open("POST", location.href, true);
   xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   xhr.send("cmd=MyCommand");
}

并且 getElementsByTagName 总是返回 undefined,无论我是在 Firebug 的脚本选项卡中跟踪它还是从控制台选项卡调用它。 (也在 Firebug 中,因为这似乎让人们感到困惑。显然有太多的控制台在四处漂浮。)。

作为证明,这是我在尝试使用 Firebug 控制台时得到的结果:

>>> document.getElementsByTagName("button");
undefined
>>> msg.getElementsByTagName("button");
undefined
>>> msg.getElementsByTagName
getElementsByTagName()
>>> msg.getElementsByTagName("BUTTON");
undefined
>>> msg.getElementsByTagName("*");
undefined
>>> document.getElementsByTagName("*");
undefined
>>> document.getElementsByTagName("body");
undefined

标记是(或应该是)无关紧要的。这是一个有效的、格式良好的 HTML 页面,其中包含一些按钮和其他元素。此 JS 函数附加到其中一个按钮的 onclick。但它看起来像这样:

<html xmlns="http://www.w3.org/1999/xhtml"><head>
blah
</head>
<body>
<script type="text/javascript" src="/myJS.js"></script>
<div id="page-container">
   <div id="message"><button onclick="buttonClick();">Button 1</button><button onclick="ButtonClick2()">Button 2</button></div>

</div>

</body></html>

最佳答案

编辑:

这是 Firebug 中的一个错误,可以通过升级到 1.10.0a7 来修复


因为这个方法不可能返回undefined,所以有2种可能:

  • 你的调试工具在骗你
  • document.getElementsByTagName 未引用原始宿主对象。它应该打印 函数 getElementsByTagName() {[native code]} 在控制台中引用时。

你应该能够可靠地查看它是否实际上是 undefined (在 firefox 中):

delete window.alert;
window.alert(buttons);

如果 window.alert 已经引用了原始宿主对象,则 delete 是一个 NOOP,否则 它会恢复它。

如果它提醒 undefined,你应该能够做到

delete document.getElementsByTagName

恢复宿主对象引用。

此处所有控制台引用均指的是默认情况下 firefox 附带的内置 Web 控制台。

关于javascript - 为什么 getElementsByTagName 返回未定义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10775489/

相关文章:

javascript - jQuery 高级选择器的麻烦

javascript - 服务器不会同时响应多个 AJAX 请求

html - 使用 html5 地理定位将标记坐标添加到 firebase 实时数据库

javascript - 无重启 FF 附加组件中的 HTTP 请求观察器

python - 通过 find_element_by_class_name 单击按钮不起作用 python selenium webdriver 不工作

javascript - 如何根据另一个元素的预期滚动距离添加到scrollTop

javascript - 无法使用 javascript 获取属性的值

javascript - Bootstrap 导航 - 手机

php - 如果 mysql 不返回结果或为空,我将如何显示消息

css - 什么是 CSS 属性 "padding-right-ltr-source"的有效值?