更改 HTML 标记类型

本文介绍了更改 HTML 标记类型的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个问题，我可以用另一个 HTML 标签替换一个 HTML 标签吗?

但我不想让内容空白.

来自:

content</a>

到:


content

有什么想法吗?

解决方案

2018 更新:

使用 ChildNode.replaceWith() 方法.如 MDN 文档中所示:

var parent = document.createElement("div");var child = document.createElement(p");parent.appendChild(child);var span = document.createElement(span");child.replaceWith(span);console.log(parent.outerHTML);//"<div><span></span></div>";

此答案中的更多信息.

I have a question, can I replace one HTML tag with another?

But I don't want to make the content blank.

From:

<a data-text="text">content</a>

to:

<div data-text="text">content</div>

Any idea?

解决方案

2018 Update:

Use ChildNode.replaceWith() method. As exemplified in MDN docs:

var parent = document.createElement("div");
var child = document.createElement("p");
parent.appendChild(child);
var span = document.createElement("span");

child.replaceWith(span);

console.log(parent.outerHTML);
// "<div><span></span></div>"