JS. Как удалить <aside data-sidebar></aside> оставив все что внутри?

207

19 августа 2017, 03:50

Есть часть кода html (фильтр товара), он размещен внутри

<aside data-sidebar>HTML и PHP содержимое филтра товаров</aside>

aside data-sidebar, мне нужен чисто для мобильных. А вот для ПК мне не нужен этот aside, так как он выводит левый слайд.

Думаю с помощью JS удалить при условии. Но не знаю как это удалить, оставив все что внутри него. Прошу помочь.

Как то так...

var x = document.documentElement.clientWidth;
if (x <='950') {
удалить  <aside data-sidebar></aside>
}

Answer 1

var el = document.querySelector('aside'); 
var parent = el.parentNode; 
var x = document.documentElement.clientWidth; 
 
if (x >='950') { 
  while (el.firstChild) parent.insertBefore(el.firstChild, el); 
  parent.removeChild(el); 
}

aside {color:red;} 
div {color:blue;}

<div> 
  <aside data-sidebar>HTML и PHP содержимое фильтра товаров</aside> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Отобразить только первые 5 блоков [дубликат]

На данный вопрос уже ответили:

336

javascript

Почему не видит контроллер в Angular?

Html: Сам контроллер: Вот что выскакивает в браузере:

264

javascript

datepicker plugin pickmeup как удалить прошедшие месяцы

как удалить прошедшие месяцы в pickmeup чтобы например сейчас август то значит предыдущих месяцев небыло в календаре?

239

javascript

Vue + jquerty добавление div

Есть кнопка

219