javascript - 如何使用 JavaScript 将字符定位在页面中的特定坐标处

Question

我试过这段代码：

var span = document.createElement('span')
span.style.position = 'absolute'
span.style.color = 'red'
span.style.left = 100
span.style.top = 100
span.innerHTML = '*'
document.body.insertBefore(span, document.body.firstChild)

但是此代码仍将星号定位在坐标 (0, 0) 而不是 (100, 100) 处。这是一个 jsfiddle 网址：http: //jsfiddle.net/E5NDV/

你能帮我解决这个问题吗？

Answer 1

var span = document.createElement('span')
span.style.position = 'absolute'
span.style.color = 'red'
span.style.left = "100px"
span.style.top = "100px"
span.innerHTML = '*'
document.body.insertBefore(span, document.body.firstChild)

http://jsfiddle.net/E5NDV/1/

Answer 2

left和top的值应该是一个字符串，给出一个数字和一个单位，例如像素px，即。附加节点的哪个子节点对于绝对定位并不重要，因为此信息不用于决定将其定位在何处，使用将与.'100px'appendChildinsertBefore