为什么下面的样式赋值没有设置这些元素的值？

Question

我想获取一些JavaScript元素，并将它们的x和y属性分配给实际的HTML元素。正如您在以下代码中所看到的，可以找到所有内容：

setTimeout(() => {
  this.panoramas.map(panorama => {
    console.log(this.panoramas)
    // => [Object, Object, Object, __ob__: Observer]
    const panoramaEl = document.getElementById(panorama.id)
    console.log(panoramaEl)
    // => <div class="marker ui-draggable" id="RRUeHuhNnd">
    console.log(panorama.x)
    // => 229
    panoramaEl.style.left = panorama.x
    panoramaEl.style.top = panorama.y
  })
})

所以我不知道为什么left和top没有被分配：

<div class="marker ui-draggable" id="RRUeHuhNnd">

为什么会这样呢？

Answer 1

 panoramaEl.style.left = panorama.x+"px"
    panoramaEl.style.top = panorama.y+"px"

添加像素