Js замена одного тега на другой

339
25 сентября 2017, 04:26

Как с помощью 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="
Answer 1

Как я знаю, если элемент не был создан с помощью JS, его удалить нельзя, если ты этого хотел, надо было уточнить, а если элемент создан посредством JS, то его можно и удалить изменить и все, что угодно, конечно в пределах возможности JS...

А что касается твоего вопроса, если подойти к нему с точностью, то один элемент превратить в другой нельзя ни как, можно его удалить и заменить другим... но если он был создан посредством JS. Но если конечно я ошибаюсь буду рад узнать об этом и расширить свои познания в JS

Answer 2

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

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>

READ ALSO
Доработать скрипт скролинга Top / Bottom

Доработать скрипт скролинга Top / Bottom

Доброго времени суток! Я не силен в скриптах и пришел к вам за помощью! Ситуация такая, что данный скрипт работает при прокрутке скрола страницы...

322
Замена текста на странице без селектора на js/JQuery

Замена текста на странице без селектора на js/JQuery

Как с помощью js/JQuery найти на странице текст и заменить его на другой без селекторов, к примеру где то на странице есть текст:

313
Как взять данные из БД с помощью JavaScript-а

Как взять данные из БД с помощью JavaScript-а

Есть функция, которая берет данные из json файла и делает с этими данными какие-то действияКак сделать так, что бы можно было брать данные из БД и делать...

241
PHP Instagram API invalid media_id

PHP Instagram API invalid media_id

Здравствуйте, при запросе к api, выводится такая ошибка:

261