Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скопировать блок на сайте удалив некоторые элементы из него (https://javascript.ru/forum/misc/74702-skopirovat-blok-na-sajjte-udaliv-nekotorye-ehlementy-iz-nego.html)

the_little 01.08.2018 15:37

Скопировать блок на сайте удалив некоторые элементы из него
 
Все привет.
Нужна помощь.

На сайте есть блок

<div class="ainfo">
   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <p></p>
   <a></a>
</div>


Как скопировать этот блок целиком, удалив из него <p></p> и <a></a>?

Речь идет о дублировании внутри одного и того же сайта.

Nexus 01.08.2018 16:01

const clone=document.querySelector('.ainfo').cloneNode(true);
[].forEach.call(clone.querySelectorAll('p,a'),function(node){
    node.parentNode.removeChild(node);
});
document.body.appendChild(clone);

Alexandroppolus 01.08.2018 16:33

если требуется сделать что-то с одним неразрывным куском страницы, то ренджи иногда бывают удобны

var div = document.querySelector('.ainfo');
var range = document.createRange();
range.setStartBefore(div);
range.setEndBefore(div.querySelector('p, a'));
document.body.appendChild(range.cloneContents());


http://jsfiddle.net/alexandroppolus/6nzy135w/1/


Часовой пояс GMT +3, время: 10:06.