Вопрос Вопрос про html/js

[quneiro]

Имеется часть html кода

                <nav class="subnav">
                  <a class="subnavlink" href="#">1</a>
                  <a class="subnavlink" href="#">2</a>
                  <a class="subnavlink" href="#">3</a>         
                </nav>

Нужно чтобы при нажатии на кнопку с onclick, js заменял все что внутри <nav>. типо вместо линков появился условно <p>321</p>
Каким образом это нужно писать, и возможно ли?

 

[Kennen]

<nav class="subnav">
    <a class="subnavlink" href="#">1</a>
    <a class="subnavlink" href="#">2</a>
    <a class="subnavlink" href="#">3</a>
</nav>
<button onclick="change_tag();">
    Нажми меня
</button>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    function change_tag() {
        $(".subnav a").replaceWith(function(index, text) {
            return $("<p>").html(text);
        });
    }
</script>