Использование insertAdjacentHTML () для добавления частичного HTML - PullRequest
0 голосов
/ 16 ноября 2018

У меня очень длинный текст, заключенный в один тег <p>.как это:

<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod...
</p>

Мне нужно разбить этот текст на более мелкие фрагменты абзаца, используя javascript или jquery для вставки </p><p> в определенные части текста, эффективно заканчивая последний абзац, а затем начиная новыйодин (у меня уже есть какой-то javascript, который определяет, куда я хочу вставить новый HTML - это прекрасно работает).Я использовал insertAdjacentHTML (), чтобы добавить новые теги абзаца:

TheElmToInsertNextTo.insertAdjacentHTML('beforebegin','</p><p>');

Проблема в том, что браузер пытается исправить мой частичный HTML и продолжает оборачивать его в дополнительные <p> теги, подобные этому:

<p>
Lorem ipsum dolor
<p></p><p></p>
sit amet consectetur adipiscing elit sed do eiusmod...
</p>

В результате: дополнительные теги <p> нарушают мой скрипт нумерации страниц (из easyPaginate ), который в остальном прекрасно работает.

Есть ли лучший способ вставить частичный HTML без «исправления» браузера, добавив дополнительные теги <p>? (проблема возникает как в Firefox, так и в Chrome)

1 Ответ

0 голосов
/ 27 ноября 2018

Спасибо @Barmar за то, что он указал, что это не может быть сделано в порядке, который я первоначально думал.Я исправил это, предварительно обработав данные на стороне сервера перед загрузкой в ​​DOM.

...