Javascript 如何将数组附加到div？_Javascript_Html

Javascript 如何将数组附加到div？

javascript html

Javascript 如何将数组附加到div？,javascript,html,Javascript,Html,因此，我在将数组加载到HTML中的指定区域时遇到一些问题，当前HTML如下所示： <body> <div id="japan"></div> </body> <script src="Fisher-Yates.js"></script> 尝试在代码顶部添加图像元素 letあ = document.createElement（“img”）；あ.src=“/imag

因此，我在将数组加载到HTML中的指定区域时遇到一些问题，当前HTML如下所示：

 <body>
    <div id="japan"></div>
  </body>
  <script src="Fisher-Yates.js"></script>

尝试在代码顶部添加图像元素

letあ = document.createElement（“img”）；
あ.src=“/images/あ.巴布亚新几内亚”；
//あ.setAttribute（“宽度”、“25%”）；
让い = document.createElement（“img”）；
い.src=“/images/い.巴布亚新几内亚”；
让う = document.createElement（“img”）；
う.src=“/images/う.巴布亚新几内亚”；
让え = document.createElement（“img”）；
え.src=“/images/え.巴布亚新几内亚”；
让お = document.createElement（“img”）；
お.src=“/images/お.巴布亚新几内亚”；
让平假名=[あ, い, う, え, お];
让结果=洗牌（平假名）；
设div=document.getElementById（'japan'）；
for（设i=0；i


而不是div.appendChild（结果[i]）；
您是否尝试过以下代码：
 <body>
    <div id="japan"></div>
  </body>
  <script src="Fisher-Yates.js"></script>

let hiragana = [あ, い, う, え, お];
let result = shuffle(hiragana);
div = document.getElementById('japan');


for (let i = 0; i < result.length; i++) {
    div.innerHTML = div.innerHTML + result[i];
}


让平假名=[あ, い, う, え, お];
让结果=洗牌（平假名）；
div=document.getElementById（'japan'）；
for（设i=0；i你的shuffle函数是什么样子的？因此我将我的脚本的其余部分添加到原始帖子中，你的方法确实将数组放入div中，但我认为内部HTML不起作用，因为数组中的变量是图像。我更新了代码。请检查问题是否与我的原始代码顺序一致？你的更新有效！我很兴奋，但是我想确保我明白我错过了什么。是的，我认为顺序是问题：）我对编码是新手，似乎很多时候都是这样的小东西，当我最终得到它时，我总是觉得自己像个傻瓜。哈哈，再次感谢！

    function shuffle(array) {
      var m = array.length,
        t,
        i;
      while (m) {
        i = Math.floor(Math.random() * m--);
        t = array[m];
        array[m] = array[i];
        array[i] = t;
      }
      return array;
    }

    let あ = document.createElement("img");
    あ.src = "/images/あ.png";
    //あ.setAttribute("width", "25%");

    let い = document.createElement("img");
    い.src = "/images/い.png";

    let う = document.createElement("img");
    う.src = "/images/う.png";

    let え = document.createElement("img");
    え.src = "/images/え.png";

    let お = document.createElement("img");
    お.src = "/images/お.png";
    

 <body>
    <div id="japan"></div>
  </body>
  <script src="Fisher-Yates.js"></script>

let hiragana = [あ, い, う, え, お];
let result = shuffle(hiragana);
div = document.getElementById('japan');


for (let i = 0; i < result.length; i++) {
    div.innerHTML = div.innerHTML + result[i];
}