<a href="https://google.com/">Click me</a>
<script>
document.querySelector('a').addEventListener('click', function(e) {
e.preventDefault();
const div = document.createElement('div');
div.innerHTML = 'div';
this.outerHTML = div.outerHTML;
});
</script>
Или так (более предпочтительнее):
<a href="https://google.com/">Click me</a>
<script>
document.querySelector('a').addEventListener('click', function(e) {
e.preventDefault();
const div = document.createElement('div');
div.innerHTML = 'div';
this.parentNode.insertBefore(div, this);
this.parentNode.removeChild(this);
});
</script>