'beforeend' : безпосередньо всередині targetElement, після його останнього дочірнього елемента. 'afterend' : після самого targetElement25 липня 2024 р
перед кінцем. Загальне визначення передзакінчення полягає в тому, що це рядкове значення методу insertAdjacentHTML(), який вставляє елемент HTML всередину targetElement після його останнього дочірнього елемента. З результату коду наш нещодавно вставлений HTML-елемент h3 було вставлено всередину targetElement h2 після його дочірнього елемента.
insertAdjacentHTML схожий на append у тому, що він також здатний додавати щось до елементів DOM. Однак одна відмінність полягає в тому insertAdjacentHTML вставляє цей матеріал у певну позицію відносно відповідного елемента.
Відмінності між innerHTML і appendChild() innerHTML має призначати рядок HTML, тоді як appendChild() приймає лише об’єкти Node.
Метод appendChild додає елемент до DOM. Властивість innerHTML і метод insertAdjacentHTML приймають рядок замість елемента, тому вони повинні проаналізувати рядок і створити з нього елементи, перш ніж їх можна буде помістити в DOM.
властивість innerHTML містить вміст тегу HTML. Сподіваюся, це допоможе. Ви можете запустити наступний HTML-код у своєму браузері або на codeplayground, щоб зрозуміти його: <html> <body> <p id= "myPara"> Ми любимо кодувати.</p> <script> alert(document.getElementById("myPara" ").innerHTML); </script> </body> </html>