Javascript 仍将Div读取为空

第二部分是出于某种原因读取null。这是第一部分的工作

window.onload = function() {
var div = document.createElement("div");
div.innerHTML = '<img alt="pickle" src="images/pickle">';
div.style.visibility = "visible";
div.style.position = "absolute";
div.style.zIndex = "3";
div.className = "jack";
document.body.appendChild(div);

window.onload=function（）{
var div=document.createElement（“div”）；
div.innerHTML=''；
div.style.visibility=“可见”；
div.style.position=“绝对”；
div.style.zIndex=“3”；
div.className=“杰克”；
文件.正文.附件（div）；
document.onmousemove=函数（e）{
变量x，y；
如果（e）{x=e.clientX；y=e.clientY；}
else{x=event.clientX；y=event.clientY；}
var jack=document.getElementByClassName（'jack'）；
jack.style.top=y+'px'；
jack.style.left=x+50+'px'；
}};

您的目标是
#jack
，但该元素没有id，只有类。将以下内容添加到创建元素的代码部分

div.id = "jack";


var div=document.createElement（“div”）；
div.innerHTML=''；
div.style.visibility=“可见”；
div.style.position=“绝对”；
div.style.zIndex=“3”；
div.id=“杰克”；
文件.正文.附件（div）；
document.onmousemove=函数（e）{
变量x，y；
如果（e）{x=e.clientX；y=e.clientY；}
else{x=event.clientX；y=event.clientY；}
var jack=document.getElementById（'jack'）；
jack.style.top=y+'px'；
jack.style.left=x+50+'px'；
};相同的故事：
getElementsByClassName（）返回HTMLCollection（HTMLElement数组），getElementsByClassName（“css类”）[0]是找到的第一个HTMLElement

唯一的例外是getElementById（）方法。它返回单个HtmleElement（因为id属性是唯一的-一个文档不能包含两个id值相同的元素）
第二部分到底是什么？你的html是什么？提供更好的例子
div.id = "jack";