Найдите текст (детские текстовые узлы) и оберните его в абзац ⇐ Html

[Anonymous]

Мне нужна функция, которая находит текстовые (детские текстовые узлы) внутри некоторых (для этого примера элементы div) и завершают текст в абзаце. < /p>

Text1


Text2
Text3

Text4
Text5

Text6

Text7
Text8
Text9

< /code>

Пробовал, сделал это так: < /p>

const fn = (doc) => {
const coll = [...doc.childNodes];
coll.forEach(el => {
if (el.tagName === 'DIV' && el.childElementCount === 0) {
el.innerHTML = `
${el.innerHTML}
`;
}
if (el.childElementCount > 0) {
el.childNodes.forEach(item => {
if (item.nodeType === 3 && item.textContent.trim()) {
const content = item.textContent.trim();
item.innerHTML = `
${content}
`;
console.log('2: ', item.innerHTML);
}
});
fn(el);
}
});
}
< /code>

Но это работает неправильно - в условиях if (el.childelementcount> 0) В журнале консоли я получил все необходимые узлы в p -тегах. но не в результате. item.innerhtml = ` $ {content} < /p>`; < /code> не применить его к документу: (.
Кто -нибудь может помочь исправить это?Text1


Text2

Text3

Text4
Text5

Text6

Text7
Text8
Text9



Подробнее здесь: https://stackoverflow.com/questions/606 ... -paragraph