Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.12.2020, 16:07   #1
denis_alekss
Пользователь
 
Регистрация: 01.12.2020
Сообщений: 25
По умолчанию Как заменить узел в маркированном списке?

Прочитал про узлы на сайте 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>
Как именно сделать замену элемента узла, а не вставку в конец или вначало. Например третий элемент Кола поменять на Водка?
denis_alekss вне форума Ответить с цитированием
Старый 10.12.2020, 13:24   #2
denis_alekss
Пользователь
 
Регистрация: 01.12.2020
Сообщений: 25
По умолчанию

Вот так сработало.

Код:
<!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>
denis_alekss вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как обозначить узел в тексте? taras-proger Свободное общение 4 28.12.2015 11:27
Как добавить узел в TreeView kotov-zhenja Общие вопросы Delphi 0 22.09.2015 11:07
В созданном списке вычислить среднее арифметическое и заменить им первый элемент xxxmorgan C++ Builder 0 15.05.2014 22:29
Как лучше (надежнее) удалить узел из TreeView? artemavd Общие вопросы Delphi 2 07.04.2012 20:39
Как выделить узел в TreeView inndim Общие вопросы Delphi 3 23.10.2008 13:32