由javascript数组

Question

在我想要的div中使用javascript显示复选框的HTML输入列表并不困难。我在这里缺少什么。我的清单和代码。

＆＃13;

＆＃13;

var kitchen_work = [
      " Wipe down baseboards",
      " Wipe exterior of cabinets",
      " polish stainless steel appliances",
      " polish microwave interior",
      " clean oven exterior",
      " clean garbage disposal",
      " clean sink fixtures/ drains",
      " sink fixtures/drains",
      " sweep-mop all floors",
      " de-grease any appliances" ];

function show_kitchen() {
  max = kitchen_work.length;
  var x = [];
  var t = [];
  var div = document.createElement("div");
  for (var i=0; i < max; i++) {
    x[i] = document.createElement("input");
    t[i] = document.createTextNode(kitchen_work[i])
    x[i].setAttribute("type", "checkbox")
    x[i].appendChild(t[i])
    console.log(x[i]);
    div.appendChild(x[i]);
  }
  document.getElementsByClassName("left-side").appendChild(div);
  p = document.getElementsByClassName("left-side");
  p.appendChild(div)
  document.getElementsByClassName(left-side).appendChild(div);
  }

＆＃13;

<div class="middle-side">

   <button type="button" id="kitchenroom" onclick="show_kitchen()">   kitchen </button>
 </div>

＆＃13;

＆＃13;

＆＃13;

我想要的输出是在控制台中打印但不会在我的Div中显示。 虽然我可以使用(document.body.appendChild(x))，但它会在页面底部插入我的复选框，但我需要在div中。我需要能够用另一个按钮（例如：起居室）替换它并显示另一个列表。

我本可以走错路。任何帮助都表示赞赏。