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 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/