未捕获的 TypeError：document.getElementById 不是函数 [关闭]答案

【问题标题】：Uncaught TypeError: document.getElementById is not a function [closed]未捕获的 TypeError：document.getElementById 不是函数 [关闭]
【发布时间】：2015-08-07 12:44:07
【问题描述】：

在我的随机化脚本中，我收到错误：未捕获的 TypeError：document.getElementById 不是函数。我在堆栈溢出时查看了此错误的其他一些问题，并尝试修复它。我在函数之前声明了变量，因为每次变量都会改变，所以我将它设置为另一个变量。我不知道为什么这个代码是一个问题，任何帮助表示赞赏。 HTML：

<div id="GetPlayers">
    <input maxlength="1" id="input"> <button id="gp" onclick="gp()">Start!</button>
    <br/>
    <br/>
    <button id="DJ" onclick="DJ();">Display Your Job!</button>
    <br/>
    <span id="DS">1) Input Amount Of Players. 2)Click 'Display Your Job!'</span>
</div>

JavaScript

var al;
var rl;
var bd;
function gp(){
    players = document.getElementById("input").value;
    if(isNaN(players)){
        alert(players.toUpperCase() + "'s Players? Please Fix"); 
        return;
    }
    if(players === " "){
        alert("Please Define How Many People Are Playing!");
        return;
    }
    if(players === ""){
        alert("Please Define How Many People Are Playing!");
        return;
    }
    if(players < 4){
        alert("Sorry, You Need Atleast 4 Players To Play!");
        return;
    }
    SA(players)
}
function SA(players){
    var positions = ["Murderer", "Judge", "Innocent", "Innocent"]; //Pre-set positions
    if(players == 5){
        positions.push("Co-Judge");
    }else if(players == 6){
        positions.push("Innocent", "Co-Judge"); 
    }else if(players == 7){
        positions.push("Murderer-2!", "Innocent", "Co-Judge");
    }
    Randomize(players, positions)
}
function shuffle(o){
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
}
function Randomize(players, positions){
    rl = shuffle(positions);
    al = positions.length;
    confirm("You Have: " + al + " Players, Correct?");
    alert(al + ". " + rl);
}
var counter;
var rl;
var c;
var p;
function DJ(){
    counter = 0;
    var bd = 0;
    for(var c = 0; c < al + 1; c++){
        if(counter == 0){
            p = c;
            document.getElementById("DS").innerHTML=(rl[p]);
            document.getElementById("DJ").innerHTML=("Click To Clear!");
            counter = 1;
            BlankDisplay()
        }
    }
}
function BlankDisplay(){
    if(counter == 1){
        document.getElementById=("Click The Button Above To See Your Job!");   
    }
}

【问题讨论】：

因为您将字符串值分配给document.getElementById()!

标签： javascript html typeerror

【解决方案1】：

你的问题是这一行：

document.getElementById=("Click The Button Above To See Your Job!");

它不是像在许多其他地方那样选择元素并设置文本，而是将其设置为字符串。

【讨论】：

通过学习 JavaScript 的基础知识。
IMO，即使这个问题缺乏研究，你也不应该回答得不好。
感谢您的反对和意见。一旦被指出，答案应该是显而易见的。对我来说，这就像眼疲劳综合症。我觉得这个问题不需要一个完整的解释。我仍然很惊讶这个问题是开放的，猜想美国假期已经放慢了关闭投票。
当用户花时间给出正确答案时，您应该尽量避免投反对票。
@TyrionGraphiste 不完整的答案可能是正确的，但仍然不完整。无论如何，自从改进后已经删除了反对票。

【解决方案2】：

在这个函数中：

function BlankDisplay(){
    if(counter == 1){
        document.getElementById=("Click The Button Above To See Your Job!");   
    }
}

您正在将document.getElementById 重新定义为字符串。

所以，每当您再次调用document.getElementById 时，之后，您都会尝试执行一个字符串，因此您会得到not a function。所以我猜你想把它改成：

function BlankDisplay(){
    if(counter == 1){
        document.getElementById('someId').innerHTML = "Click The Button Above To See Your Job!";   
    }
}

【讨论】：