Javascript document.getElementById在动态创建的div上返回null

这里发生了奇怪的事情

我的网站正在使用javascript创建动态div，但尽管它们被输入DOM（至少我认为是这样），javascript在调用该div时返回null。

---

这是在

之前加载的javscript代码

函数AddPlayer（）{
var name=document.getElementById（'name'）。值；
createBox（名称）；
};
函数createBox（名称）{
var span=document.createElement（'span'）；
span.id=名称；
span.innerHTML=名称；
document.getElementById（“游戏区”）.appendChild（span）；
var span=document.createElement（'span'）；
span.id=“分数-”+姓名；
span.innerHTML=“0”；
document.getElementById（“游戏区”）.appendChild（span）；
var inputSText=document.createElement（'input'）；
inputSText.type=“按钮”；
inputSText.value=“添加点数”；
inputSText.onclick=function（）{AddPoints（name）；}；
document.getElementById（“gameArea”）.appendChild（inputSText）；
};
功能添加点（播放器）{
document.load（document.getElementById（“#score-”+player）.innerHTML=“请工作”）；
};

比赛记分员
比赛记分员

---

---

这是这个项目的JSFIDLE

您需要将元素的id传递给

document.getElementById

。也就是说，没有散列（

#

）符号

---

看起来就像你是jQuery用户一样，你使用了

和

name

而不是

player

function AddPoints(player) {
    document.getElementById("score-" + player).innerHTML = "HELLO";
};

---

兄弟，谢谢！那真是个愚蠢的错误。真有趣，我怎么没注意到。再次感谢。看起来你是jQuery用户不。我使用的document.load（）方法是测试是否可以使用它来提取Id，我不知道这与jQuery有关。仍然掌握javascript的真正窍门。是的。在我发布这个问题后，我注意到了另一个错误。这是最后一部分，是在凌晨3点完成的，当时我很累，没有注意到。

function AddPoints(player) {
    document.getElementById("score-" + player).innerHTML = "HELLO";
};