Uncaught TypeError: document.getElementById is not a function
Uncaught TypeError: document.getElementById is not a function
在我的随机化脚本中出现错误:Uncaught TypeError: document.getElementById is not a function。我查看了有关堆栈溢出的此错误的其他一些问题并尝试修复它。我在函数之前声明了变量,因为变量每次都在变化,所以我将它设置为另一个变量。
我不知道为什么这段代码是一个问题,任何帮助表示赞赏。
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=("Click The Button Above To See Your Job!");
它不是像在许多其他地方那样选择一个元素并设置文本,而是将其设置为一个字符串。
在这个函数中:
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!";
}
}
在我的随机化脚本中出现错误:Uncaught TypeError: document.getElementById is not a function。我查看了有关堆栈溢出的此错误的其他一些问题并尝试修复它。我在函数之前声明了变量,因为变量每次都在变化,所以我将它设置为另一个变量。 我不知道为什么这段代码是一个问题,任何帮助表示赞赏。 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=("Click The Button Above To See Your Job!");
它不是像在许多其他地方那样选择一个元素并设置文本,而是将其设置为一个字符串。
在这个函数中:
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!";
}
}