如何用 <H1> 标签包装 <a> 标签？

【问题标题】：How to wrap <a> tags with <H1> tag?如何用 <H1> 标签包装 <a> 标签？
【发布时间】：2021-11-06 11:48:56
【问题描述】：

我有以下几点：

<a class="clickable_element" href="https://www.mywebsite.com"> ==$0
   <div class="content">My Website</div>
</a>

我想把所有这些都包装在一个“h1”标签中。

我将如何使用 javascript 执行此操作？

【问题讨论】：

标签： html tags

【解决方案1】：

您首先必须创建 h1 标记，将其附加到 DOM。然后将标签附加到标签上。像这样

const aTag = document.querySelector('a')
const h1Tag = document.createElement('h1')

document.body.appendChild(h1Tag)
h1Tag.appendChild('aTag')

【讨论】：

由于用户可能是 JavaScript 新手或没有经验（以及将来访问该问题的其他用户），您的答案可能会受益于对代码功能的一些解释，或者它是如何工作的。我同意它是简单的代码，并且搜索文档相对容易，但如果可能的话，理想的答案应该是独立的。

【解决方案2】：

如果您可以为div 创建一个类，我不确定您为什么要用h1 包装它，但您可以尝试以下代码：

HTML

<h1 id="wrap">
</h1>

document.getElementById("wrap").innerHTML = "<a href='test.html'><div>My Website</div></a>"

【讨论】：