[Nexus]

<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>