javascript - 通过 JavaScript 应用链接

Question

你好，我想知道如何使用仅 JavaScript 在元素周围/向元素添加新链接？我是 JavaScript 的新手，如果这个问题看起来很愚蠢或太简单，我很抱歉。

当前:

<div class="container">
    <div class="content1"></div>
    <div class="content2"></div>
</div>

所需代码:

<div class="container">
    <div class="content1"></div>
    <a href="http://example.com">
        <div class="content2"></div>
    </a>
</div>

Answer 1

只需使用正常的 DOM 操作，无需任何技巧

const container = document.querySelector('.container');
const a = container.appendChild(document.createElement('a'));
a.href = "http://example.com";
a.appendChild(document.querySelector('.content2'));

console.log(container.innerHTML);

<div class="container">
    <div class="content1"></div>
    <div class="content2"></div>
</div>