javascript - 画面の特定の「X、Y」の場所にテキストを動的に追加する方法がわかりません

Question

画面の特定の場所にテキストを追加する必要があります。誰かが投稿できるサンプルコードを持っていますか？例：「これはテキストです」を左50ピクセル、上100ピクセルに追加する必要がありましたが、動的に追加する必要があったとします。どうすればいいですか？

ありがとう！

PS私はJavascriptに非常に慣れていません：]

Answer 1

JavaScriptでこれを行う方法は次のとおりです。

// Create an HTML paragraph to hold the text
var p = document.createElement('p');

// Add some text to it
p.innerHTML = "Some text <span>and markup</span>";

// Give it position: absolute so you can position by x,y
p.style.position = 'absolute';

// Define position
p.style.left = '50px';
p.style.top = '100px';

// Add it to the body
document.body.appendChild(p);