1

Как с помощью js можно изменить тег br на div?

   class="test"><br><b>text</b>: 123<br>
        <a href="javascript:void(0);" onclick="

на

    class="test"><div class="new class"><b>text</b>: 123</div>
    <a href="javascript:void(0);" onclick="
1

1 ответ 1

0

Как выше ужа сказали, можно удалить и вставить новый элемент. Может не самое оптимальное решение, но конкретно для Вашей ситуации может подойти.

let test = document.querySelector('.test'); //получаем родительский контейнер
let link = test.querySelector('a');//получаем ссылку
let b = test.querySelector('b');// получаем b

let div = document.createElement('div'); // Создаем новый div
//Вставляем в новый div b.textContent(текстовый контент тега b), и текстовый контент следующего за тегом b узла.
div.innerHTML = '<b>' + b.textContent + '</b>' + b.nextSibling.textContent;
div.className = 'new class'; //добавляем класс новому div
test.innerHTML = ''; // очищаем родительский контейнер
test.appendChild(div); // вставляем в очищенный контейнер новый div
test.appendChild(link); // следом вставляем ссылку
<div class="test">
  <br><b>text</b>: 123<br>
  <a href="javascript:void(0);">a</a>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.