Question

在下面的功能中我尝试添加div块，但我无法设置左侧位置。提醒功能显示消息＆＃39; 600px＆＃39;。在我的屏幕上，这个区块有另一个位置。

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);
    }
}

Answer 2

left属性仅适用于定位的元素。对于要定位的元素，它必须具有position属性，其值不是static（这是默认值）。

根据您的需要将其设置为relative，fixed或absolute。

Answer 3

由于没有儿童内容，您的div将有0个高度/宽度。使用textContent或innerHTML将内容添加到div。

此外，除非您将left设置为relative或absolute，否则positioning属性将不适用。这也适用于其他方面（right，top和bottom）。

JavaScript，添加div块

3 个答案: