Прочитал про узлы на сайте Javascript.ru Код (Javascript): 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К примеру есть маркированный список, Код (Javascript): <ul id="list1"> <li>Кофе</li> <li>Чай</li></ul> <li>Кола</li></ul> <li>Виски</li></ul> <li>Коньяк</li></ul> Как именно сделать замену элемента узла, а не вставку в конец или вначало. Например третий элемент Кола поменять на Водка?
@denis_alekss, если оставить за рамками вопрос поиска нужного элемента, то примерно так: Код (Javascript): let liReplacement = document.createElement('li'); liReplacement.innerHTML = 'replaced'; list1.children[2].replaceWith(liReplacement);
Переписал с кнопкой, спасибо Sail (в переводе с англ. Парус, хмм.. интересный ник). Код (Javascript): <!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> </head> <body> <ul id="list1"> <li>Кофе</li> <li>Чай</li> <li>Кола</li> <li>Виски</li> <li>Коньяк</li> </ul> <input type="button" onClick="freplace()" value="Замена элемента"> <script> function freplace(){ let change = document.createElement('li'); change.innerHTML = 'Заменено'; list1.children[2].replaceWith(change); } </script> </body> </html>