如何用js添加导入的组件？

Question

(function test() {
  var el = document.createElement('a-entity');
  document.querySelector('a-scene').appendChild(el);
  el.setAttribute(' text-geometry', {
    value: '你',
    font: '#optimerBoldFon'
  })
  el.setAttribute(' material', {
    color: '#66E1B4'
  })
  el.setAttribute(' position', {
    position: '-4 2 2'
  })


})() //wrong

这种方式有效

<a-entity text-geometry="value: 你; font: #optimerBoldFont" material="color: #66E1B4" position="-4 2 -411"></a-entity>

有人可以告诉我为什么吗？或者告诉我该怎么做？

Answer 1

看起来那些让你感到惊讶的空间 - el.setAttribute("material", { //stuff });会起作用，但el.setAttribute(" material"不会......