JavaScript，添加 div block

Question

在下面的函数中，我试图添加 div block ，但我无法设置左侧位置。警报功能显示消息“600px”。在我的屏幕上，这个 block 有另一个位置。

function show(){            
    if(document.getElementById('div1') == null){
        var div1 = document.createElement('div');
        div1.style.left = '600px';
        document.body.appendChild(div1);
        alert(div1.style.left);
    }
}

我的第一个问题。所以我不知道如何添加代码样式

Answer 1

由于几个原因，您不会在包含您的示例的页面上看到任何可视内容。首先，您的 div 不包含任何内容，因此它没有高度或宽度。其次，您不能以您尝试的方式定位元素，因为它没有显示属性绝对或相对。尝试这样的事情:

function show(){

    if(document.getElementById('div1') == null){
      var div1 = document.createElement('div');
      div1.innerHTML = 'hi there';
      div1.style.left = '600px';
      div1.style.position = 'absolute';
      document.body.appendChild(div1);
    }
}