自定义JS时出现问题

[Chun-QiuCC]

Blessing Skin 版本

6.0.2

PHP 版本

8.1

出现问题时所使用的浏览器

Microsoft Edge

您正在使用的 Web Server

Nginx

您正在使用宝塔吗？

• 是

出现了什么问题？

我希望在仪表盘的 使用情况 下方插入一个卡片，但是在添加按钮时出现了问题，无法正常添加，前端会直接变成 "按钮文本"，如图所示：


以下是我完整的JS文档：

    // 获取ID为'usage-box'的元素
    var usageBox = document.getElementById('usage-box');

    // 创建新的div元素
    var gameBox = document.createElement('div');
    gameBox.id = 'game-box'; // 设置新元素的ID

    // 在'usage-box'元素之后插入新的div元素
    usageBox.insertAdjacentElement('afterend', gameBox);

    var htmlContent = `
    <div class="card card-primary card-outline">
        <div class="card-header"><h3 class="card-title">整合包下载</h3></div>
        <div class="card-body"> 点击下方按钮下载整合包 </div>
        <div class="card-footer">
            <button class="btn btn-primary" draggable="true">下载整合包</button>
        </div>
        <!-- 你可以在这里添加更多的HTML元素和内容 -->
    </div>
`;

    // 使用innerHTML属性将HTML代码插入到'game-box'元素内
    gameBox.innerHTML = htmlContent;

错误日志

No response

重现步骤

在 管理面板 个性化 页面添加我在上方附加的JS代码后出现了该问题

[Chun-QiuCC]

好像除了a标签其它标签都会被忽略，已尝试 <br> <h1> <h2> <h3>等标签都会被忽略