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

181
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>

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

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

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

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

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

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

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

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

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

216