替换标签名-两种

最新推荐文章于 2024-03-06 17:12:54 发布

原创最新推荐文章于 2024-03-06 17:12:54 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #替换标签名 #前端 #prop

js 同时被 2 个专栏收录

16 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

<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'));
}