时间戳

首页 > 解决方案 > 通过 JavaScript 应用链接

javascript - 通过 JavaScript 应用链接

问题描述

你好，我想知道如何仅使用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>

标签： javascriptjquery

解决方案

只需使用普通的 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>

推荐阅读