Вставить элемент после другого элемента с помощью функции js insertAfter
Вставить div после div
|
1 2 3 |
function insertAfter(elementInstertAfter, parentElement) { return parentElement.parentNode.insertBefore(elementInstertAfter, parentElement.nextSibling); } |
Пример кода
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<!DOCTYPE html> <html> <head> <title>js event</title> <meta charset="utf-8"> </head> <body> <script> document.addEventListener("DOMContentLoaded", function() { function insertAfter(elementInstertAfter, parentElement) { return parentElement.parentNode.insertBefore(elementInstertAfter, parentElement.nextSibling); } element = document.getElementById('touch'); document.getElementById('test').onclick = function() { if ( !element.innerHTML ) { element.innerHTML = 0; } element.innerHTML = parseInt(element.innerHTML) + 1; if ( element.innerHTML >= 20 ) { div = document.createElement('div'); div.className = "alert alert-success"; div.innerHTML = "<strong>Ура!</strong> Вы прочитали это важное сообщение."; insertAfter(div, element); } } }); </script> <button id="test">touch Me</button> <div id="touch"></div> </body> </html> |