Question

在我的随机化脚本中，我收到错误：未捕获的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>

Javscript

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!");   
    }
}

Answer 1

在此功能中：

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!";   
    }
}

Answer 2

你的问题就在这一行：

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

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

未捕获的TypeError：document.getElementById不是函数

2 个答案: