innerHTML vs createElement in DOM
Following Example explain the differences between innerHTML and createElement when it comes to creating new elements.
Example of create Element
<body>
<div class="container"></div>
<script>
let div = document.querySelector('.container');
let p = document.createElement('p');
p.textContent = 'JS DOM';
div.appendChild(p);
</script>
</body>
Example of Inner HTML
<body>
<div class="container"></div>
<script>
let div = document.querySelector('.container');
div.innerHTML += '<p>JS DOM</p>';
</script>
</body>
