javascript - JavaScriptで作成および追加されたtextNodeの「x」および「y」属性を指定するにはどうすればよいですか?

Question

動的に生成されたテキストを Web ページに配置する正確な場所を指定する必要があります。それ、どうやったら出来るの？

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');