Удаление ненужных элементов из динамически подгружаемого контента

Question

А возможно через JS удалить например на ютубе все элементы, кроме первой строки с роликами? Тут суть именно в том, что по мере удаления, динамически будут подгружаться новые превьюшки видео. А задача удалить всё лишнее из динамически подгружаемого контента, чтоб снизить нагрузку. Вот пример удаления обычных элементов, например если их более 3-х в списке: https://qna.habr.com/q/405031 А реально ли удалить как на примере с тем же ютубом?

Я бы в теории сделал что-то вроде content.remove(); А потом подгрузил первую полоску. Только вот не знаю реально ли это сделать и как?

Answer 1

как пример. Но что касается запрета допалнения я не знаю если сайт твой то просто надо отфилтровать данные перед добавлением в дом но тут речь шла про youtube или я что то не так понял

let c = document.querySelector('#a')
let div = document.createElement('div')
let div2 = document.createElement('div')
div.classList.add('m1')
div2.classList.add('m2')

let observer = new MutationObserver((e) => {
  let x = e[0].addedNodes[0]
  if(x){
    x.remove()
  }
});

observer.observe(c, {
  childList:true
});

setTimeout(() => {
  c.append(div)
},1000)

setTimeout(() => {
  c.append(div2)
},3000)

div{
    width: 50px;
    height: 50px;
    border: 1px solid red;
}

.m1{
    background-color: green;
}

.m2{
    background-color: yellow;
}

  <div id="a">
    <div></div>
    <div></div>
    <div></div>
  </div>

БЛОГ НА HUSL

Удаление ненужных элементов из динамически подгружаемого контента

Ответы (1 шт):