1<!DOCTYPE html>
2<html>
3<body>
4
5<h1>HTML DOM insertAdjacentHTML() Method</h1>
6
7<p>This method inserts a specified text as HTML, into a specified position in the document.</p>
8
9<h2 id="myH2">My Header</h2>
10
11<p>Click the button to insert a paragraph after the header:</p>
12
13<button onclick="myFunction()">Insert a paragraph</button>
14
15<script>
16function myFunction() {
17 var h = document.getElementById("myH2");
18 h.insertAdjacentHTML("afterend", "<p>My new paragraph</p>");
19}
20</script>
21
22</body>
23</html>