如何使用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 URL： 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的值应该是一个给出数字和单位的String ，例如px表示像素 ，即'100px' 。 对于绝对定位，将节点附加到哪个子节点并没有太大关系，因为该信息不会用于确定将节点放置在何处，使用appendChild会和insertBefore 。