如何更改項目的位置槽style.position？

Question

我想將我的文字標籤在自定義位置使用document.style.position我有這樣的腳本：

var clickHandler = function() { 
    var doc = document.getElementById("result"); 
    doc.style.visibility = "visible"; 
    doc.style.color = "#ff0000"; 
    doc.style.position = "left:150px"; 
} 

（見於this的位置教程）。我錯在哪裏？

Answer 1

你想要的是：

doc.style.position = "absolute"; // or "relative" or "fixed" or etc 
doc.style.left = "150px"; 

參見：https://developer.mozilla.org/en-US/docs/Web/CSS/position

Answer 2

檢查這個代碼：

var clickHandler = function() { 
    var doc = document.getElementById("result"); 
    doc.style.visibility = "visible"; 
    doc.style.color = "#ff0000"; 
    doc.style.left= "150px"; 
}