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