Javascript 图像不会附加到<；车身>；_Javascript_Html

Javascript 图像不会附加到<；车身>；

javascript html

Javascript 图像不会附加到<；车身>；,javascript,html,Javascript,Html,我正在创建一个简单的图像列表 HTML <body onload="getImg()"> </body> JavaScript function getImg() { var list = document.createElement("ul"); list.className = "img-list"; for (i = 0; i < 32; i++) { var img = document.createElement("img")

我正在创建一个简单的图像列表

HTML

<body onload="getImg()">
</body>

JavaScript

function getImg() {
  var list = document.createElement("ul");
  list.className = "img-list";
  for (i = 0; i < 32; i++) {
      var img = document.createElement("img");
      var item = document.createElement("li");
      path = "images/DT/"+i+".png";
      img.src = path;
      img.alt = "something";
      item.appendChild(img);
      list.appendChild(item);
  }
console.log(list);
window.alert(list.innerHTML);
}

函数getImg（）{ var list=document.createElement（“ul”）； list.className=“img列表”；对于（i=0；i<32；i++）{ var img=document.createElement（“img”）；变量项=document.createElement（“li”）； path=“images/DT/”+i+“.png”； img.src=路径； img.alt=“某物”；项目.儿童（img）；列表。追加子项（项目）； } 控制台日志（列表）； window.alert（list.innerHTML）； } 然后在控制台中，似乎我有列表显示，但不知何故，图像没有显示在网页中。你知道怎么回事吗

试试这个： Js:


函数getImg（）{
var list=document.createElement（“ul”）；
list.className=“img列表”；
对于（i=0；i<2；i++）{
var img=document.createElement（“img”）；
变量项=document.createElement（“li”）；
path=“images/DT/”+i+“.png”；
img.src=路径；
img.alt=“某物”；
项目.儿童（img）；
列表。追加子项（项目）；
}
控制台日志（列表）；
document.getElementById（“page”）.innerHTML=list.innerHTML；
}

html:

他仍然失踪

您的

控制台中有什么？我想您应该添加一些屏幕截图！试着在里面加一个斜杠/哦，我太傻了，没有指定任何html内容。谢谢所以用我下面的答案，它会帮助你更好
<script>
    function getImg() {
        var list = document.createElement("ul");
        list.className = "img-list";
        for (i = 0; i < 2; i++) {
            var img = document.createElement("img");
            var item = document.createElement("li");
            path = "images/DT/" + i + ".png";
            img.src = path;
            img.alt = "something";
            item.appendChild(img);
            list.appendChild(item);
        }
        console.log(list);
        document.getElementById("page").innerHTML = list.innerHTML;
    }
</script>

<body id="page" onload="getImg()"></body>

document.body.appendChild(list);