javascript - 如何使用 javascript 检测文本大小和位置？

Question

这是一个网站上的简单文本，我想知道 My First Heading 的长度和高度是多少像素以及在哪个位置...我怎样才能检测到它通过javascript？谢谢。

Answer 1

var header = document.getElementById("yourHeadingId");
var w = header.offsetWidth;  //Width
var h = header.offsetHeight; //Height
var x = header.offsetLeft;   //Top left corner x position.
var y = header.offsetTop;    //Top left corner y position.

要更改 header 的内容:

while(header.firstChild) {
    header.removeChild(header.firstChild);
}
header.appendChild(document.createTextNode("some new content"));