Quiero obterer el tamaño del texto (de la fuente en este caso New Times Roman aunque puede ser otro, depende del usuario), intenté esto:
var p = document.querySelector("#p").firstChild;
console.log(getComputedStyle(p).width);
<p id ="p">Texto</p>
Pero con getBoundingStyle solo funciona con elementos, no con nodos en si.
Tienen alguna idea de como obtener el tamaño del texto?
Pregunto porque al final quiero poner un borde alrededor del texto, asi:
var p = document.querySelector("#p");
var texto = p.firstChild;
//texto.style.border = "2px solid blue"; Error
//Así que se me ocurio ponerle el borde al p:
p.style.border = "2px solid black";
//Problema: el width y el height son más grandes que el width y el height del texto.
//Se me ocurre voy a cambiarle al p el width y el height pero no se como acceder a estos valores del texto. Pero no se como hacerlo
//Ayudaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<p id ="p">Texto</p>
Muchísimas gracias maestr@s!