Прочитал про узлы на сайте Javascript.ru
node.append(...nodes or strings) – добавляет узлы или строки в конец node,
node.prepend(...nodes or strings) – вставляет узлы или строки в начало node,
node.before(...nodes or strings) –- вставляет узлы или строки до node,
node.after(...nodes or strings) –- вставляет узлы или строки после node,
node.replaceWith(...nodes or strings) –- заменяет node заданными узлами или строками.
Нет примера как воспользоваться этим узлом
node.replaceWith
К примеру есть маркированный список,
<ul id="list1">
<li>Кофе</li>
<li>Чай</li></ul>
<li>Кола</li></ul>
<li>Виски</li></ul>
<li>Коньяк</li></ul>
Как именно сделать замену элемента узла, а не вставку в конец или вначало. Например третий элемент Кола поменять на Водка?