Я хочу знать, являются ли два текстовых узла визуально последовательными, независимо от структуры html, то есть между ними нет пустой строки или любого другого элемента.
Я использую Диапазоны для получения прямоугольников ( размер и положение), но между текстовыми узлами есть интервал (нижняя часть первого прямоугольника не соответствует верхней части второго).
Я попытался рассчитать этот интервал на основе line-height
и font-size
, но не смог получить такое же значение.
Вот JsFiddle с моей попыткой: https://jsfiddle.net/3behsxxq/5/
Есть ли способ рассчитать это расстояние?
ОТРЕДАКТИРОВАНО: В первом случае кода jsFiddle есть четыре строки («первый текст», «блок», «второй», «текстовый блок»), которые визуально следуют друг за другом, то есть визуально расстояние между ними одинаково, но число, которое я получаю, имеет разницу в 7 (в этом первом случае). Если я попытаюсь отбросить это пространство на основе разницы между line-height/font-size и значениями диапазона, они не совпадут, поэтому я не смогу этому противодействовать.
ОТРЕДАКТИРОВАНО 2. Контекст: На изображении ниже 6 линий имеют одинаковое расстояние между собой. Я ищу способ определить, что они являются частью одного и того же абзаца, независимо от структуры html (поскольку html может иметь элемент <p>
или любой другой элемент для представления абзаца).
element.offsetTop & element.offsetLeft & getClientRects
? - person admcfajn   schedule 06.01.2018