使用 HTML DOM 查找元素总是返回错误？答案

【问题标题】：Using HTML DOM to find element always returns error?使用 HTML DOM 查找元素总是返回错误？
【发布时间】：2018-02-20 22:54:21
【问题描述】：

我今天经常遇到这个问题。每次我使用 HTML DOM 来查找页面的某些部分时，它总是返回一个错误，说“...不是函数”。

从打印到页面，甚至只是更改页面标题，一切都失败了。

我使用过 JSLint，查了一下，等等，但仍然不知道这意味着什么。

更奇怪的是，我很容易使用相同的方法让它在不同的页面上工作。这是为标题栏创建加载动画的尝试：

var loadingstat;
loadingstat = false;
var pgtA;
pgtA = 0;
setInterval(pgtUpdater(), 80);
function pgtUpdater() {
    if (pgtA == 0 && loadingstat = true) {
        document.getElementsByTagName[0]("title").innerHTML = "-=-=-";
        ++pgtA;
    } else {
        if (pgtA == 1 && loadingstat = true) {
            document.getElementsByTagName[0]("title").innerHTML = "=-=-=";
            ++pgtA;
        } else {
            if (pgtA == 2 && loadingstat = true) {
                document.getElementsByTagName[0]("title").innerHTML = "-/ \-";
                ++pgtA;
            } else {
                if (pgtA == 3 && loadingstat = true) {
                    document.getElementsByTagName[0]("title").innerHTML = "</ \>";
                    ++pgtA;
                } else {
                    if (pgtA == 4 && loadingstat = true) {
                        document.getElementsByTagName[0]("title").innerHTML = "/   \ ";
                        ++pgtA;
                    } else {
                        if (pgtA == 5 && loadingstat = true) {
                            document.getElementsByTagName[0]("title").innerHTML = "\   /";
                            ++pgtA;
                        } else {
                            if (pgtA == 6 && loadingstat = true) {
                                document.getElementsByTagName[0]("title").innerHTML = "<\ />";
                                ++pgtA;
                            } else {
                                if (pgtA == 7 && loadingstat = true) {
                                    document.getElementsByTagName[0]("title").innerHTML = "-\ /-";
                                    ++pgtA;
                                } else {
                                    if (pgtA == 8 && loadingstat = true) {
                                        document.getElementsByTagName[0]("title").innerHTML = "=-=-=";
                                        ++pgtA;
                                        } else {
                                            if (pgtA == 9 && loadingstat = true) {
                                                    document.getElementsByTagName[0]("title").innerHTML = "-=-=-";
                                                ++pgtA;
                                            } else {
                                                if (pgtA == 10 && loadingstat = true || loadingstat = false) {
                                                        document.getElementsByTagName[0]("title").innerHTML = "-----";
                                                    pgtA = 0;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

直到今天我才真正遇到过这个问题。每当我尝试编辑页面中的元素时，似乎总是会发生这种情况。

我也知道这些条件写得不正确，我目前正在努力解决这个问题。

【问题讨论】：

开始将loadingstat = true更改为loadingstat == true。
然后把document.getElementsByTagName[0]("title")改成document.getElementsByTagName("title")[0]。
@user7393973 好的，我会看看有什么作用。

标签： javascript function content-management-system domdocument

【解决方案1】：

这是您的代码的修改版本，您可以在about:blank 尝试（从控制台运行代码）：

var title = document.getElementsByTagName('title')[0];
if ( !title ) {
  title = document.createElement('title');
  document.head.appendChild(title);
}
var frames = ['-=-=-', '=-=-=', '-/&nbsp;\\-', '</&nbsp;\\>', '/&nbsp;&nbsp;&nbsp;\\', '\\&nbsp;&nbsp;&nbsp;/', '<\\&nbsp;/>', '-\\&nbsp;/-', '=-=-=', '-=-=-', '-----'];
var i = 0;
setInterval(function() {
  title.innerHTML = frames[i];
  if ( i++ == 10 ) i = 0;
}, 500);

【讨论】：

完美运行！使用的条件缺少比较，例如“loadingstat == true”，这是一个简单的修复，我会处理其余的。

【解决方案2】：

您正在 setInterval 中调用 pgtUpdater()。尝试只传递函数名称。我在控制台中尝试了一个示例函数，您可以看到该函数仅在使用括号时调用一次，这可能是问题所在。

【讨论】：