Как правильно клонировать
Ребята подскажите как правильно клонировать больше элементов?
Из это: <div class="content"> <div class="item"> <div class="item-inner">1</div> </div> <div class="item"> <div class="item-inner">2</div> </div> <div class="item"> <div class="item-inner">3</div> </div> </div> Сделать это: <div class="content"> <div class="item"> <div class="item-inner">1</div> <div class="item-inner clone">1</div> </div> <div class="item"> <div class="item-inner">2</div> <div class="item-inner clone">2</div> </div> <div class="item"> <div class="item-inner">3</div> <div class="item-inner clone">3</div> </div> </div> Спасибо! |
ethereal,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .clone{ color: #00FFFF; background-color: #0000CD; } </style> </head> <body> <div class="content"> <div class="item"> <div class="item-inner">1</div> </div> <div class="item"> <div class="item-inner">2</div> </div> <div class="item"> <div class="item-inner">3</div> </div> </div> <script> document.querySelectorAll('.item-inner').forEach(el => { let clone = el.cloneNode(true); clone.classList.add('clone'); el.after(clone) }) </script> </body> </html> |
Часовой пояс GMT +3, время: 12:38. |