я возникают проблемы с получением размера текстового узла в пикселях с помощью Javascript. Пример:

<p>
  first text block
  <b>second text block</b>
</p>

Мне нужно получить ограничивающую рамку двух текстовых блоков независимо. Я мог бы получить размер второго блока, просто измерив элемент <b>, но первый ускользает от меня. Насколько я могу судить, текстовые узлы в Javascript не имеют высоты или ширины.

Оборачивание первого текстового блока в <span> и измерение, которое не является вариантом, потому что я обнаружил, что диапазон не обязательно наследует все стили над ним, и когда я обертываю текст, он внезапно меняет размер. Это как принцип неопределенности Гейзенберга в Javascript; моя попытка измерить что-то меняет это.

Я создаю приложение, которое разбивает HTML на страницы (фактически EPUB HTML), и мне нужно знать положение, высоту и ширину каждого блока текста на странице, чтобы я мог знать, нужно ли поместить его на эту страницу или следующая страница

Какие-либо предложения?