Mesurer la zone de contournement du nœud de texte en Javascript

J'ai du mal à obtenir la taille, en pixels, d'un nœud de texte utilisant Javascript. Exemple:

 <P>
   Premier bloc de texte
   <B> deuxième bloc de texte </ b>
 </ P>

J'ai besoin d'obtenir la zone de délimitation des deux blocs de texte indépendamment. Je pourrais obtenir la taille du deuxième bloc simplement en mesurant l'élément <b>, mais le premier m'échappe. Il ne semble pas que les nœuds de texte de Javascript aient une hauteur ou une largeur, pour autant que je puisse le dire.

Enrouler le premier bloc de texte dans un <span> et mesurer ce n'est pas une option, car j'ai découvert qu'une portée n'héritent pas nécessairement de tous les styles ci-dessus, et quand j'enveloppe le texte, il change soudain de taille. C'est comme le principe d'incertitude de Heisenberg de Javascript; Ma tentative de mesurer quelque chose l'modifie.

Je crée une application qui brise HTML en pages (EPUB HTML, en fait), et j'ai besoin de connaître la position, la hauteur et la largeur de chaque bloc de texte sur la page afin que je puisse savoir s'il faut le placer sur cette page ou La page suivante.

• Comment fermer l'onglet actuel en utilisant javascript?
• Comment utiliser jQuery.map () sur un tableau d'objets pour renvoyer un tableau de tableaux
• ReferenceError: _ n'est pas défini
• Jquery: Possibilité de modifier dynamiquement la source du widget Autocomplete?
• Comment comparer la date partie seule d'une date de temps

Aucune suggestion?

• Pass accepte le paramètre d'en-tête pour jquery ajax
• Jquery select class inside parent div
• Comment puis-je positionner un div à côté d'un clic de souris en utilisant JQuery?
• Javascript – Comment supprimer tous les espaces supplémentaires entre les mots
• Comment puis-je désactiver la touche de rétro-espace appuyer sur tous les navigateurs?

 function getTextNodeHeight(textNode) { var height = 0; if (document.createRange) { var range = document.createRange(); range.selectNodeContents(textNode); if (range.getBoundingClientRect) { var rect = range.getBoundingClientRect(); if (rect) { height = rect.bottom - rect.top; } } } return height; }