javascript - 如何指定通过 JavaScript 创建和附加的 textNode 的“x”和“y”属性？

Question

我需要指定动态生成的文本在网页中的确切位置。我怎么做？

Answer 1

将您的文本放在您可以设置样式的内联元素中，然后在该元素上使用绝对定位。

function placeText(x, y, text) {
    var span = document.createElement('span');
    span.style.position = 'absolute';
    span.style.top = y + 'px';
    span.style.left = x + 'px';
    span.appendChild(document.createTextNode(text));
    document.body.appendChild(span);
    return span;
}

placeText(200, 300, 'hello world');