javascript - 如何将数组的元素放在单独的 div 中的数组内的对象内？

Question

我想动态地将数组的元素放在单独的 div 中。数组位于数组内部的对象内。我想在单独的 div 中显示 options 属性的每个值。我怎样才能通过javascript实现呢？感谢您的大力帮助。

 var antonyms = [

 {
   question: "soft",
   options: ["dark", "white", "heavy", "hard", "down", "pretty", 
   "butter", "cotton"],
   answer: "hard"

  } ]


var x = "";

var i = 0;

function elements() {

if (i < antonyms.length) {

x += '<div class=option>' + antonyms[i].options.join(" ") + '</div>';

document.getElementById('container').innerHTML = x;

 i++;

    }

    x = "";

   }

elements();

标签： javascript

Answer 1

您可以使用循环为每个数组元素创建一个元素，而不是调用join()将所有数组元素混合在一个字符串中。<div>我建议您查看map()数组的函数。