替换标签名-两种

版权声明：你可以转载,但要标明出处 https://blog.csdn.net/qq_41605091/article/details/82453480

<div>换成<p>标签
html:

<div>
    <div id="tag"></div>
</div>
<button onclick="changeTagNameOne (tag)">切换标签名</button>
<button onclick="changeTagNameTwo (tag)">切换标签名</button>

js:

function changeTagNameOne (id) {
    $(document).ready(function () {
        let $div = $("#"+id);
        let html = $div.get(0).outerHtml;
        html = html.replace(/^<div/ , "<p");
        html = html.replace(/^/div>$/ , "/p>");
        $div.replaceWith(html);
    }
}

function changeTagNameTwo (id) {
    let element = $('<p></p>').html($("#tag").html());
    $("#tag").prop('outerHTML',element.prop('outerHTML'));
}