如何将画布和列表放在同一个div中

<div id="container"></div>
<script>
  var canvas = document.createElement('canvas');
  canvas.width = 500;
  canvas.height = 300;
  document.getElementById('container').appendChild(canvas);
</script>

<div id="container"></div>
<script>
  var list = document.createElement('ul');
  // 添加列表项
  var listItem1 = document.createElement('li');
  listItem1.textContent = '列表项1';
  list.appendChild(listItem1);

  var listItem2 = document.createElement('li');
  listItem2.textContent = '列表项2';
  list.appendChild(listItem2);

  document.getElementById('container').appendChild(list);
</script>