javascript - 在 js 文件中使用和创建的 div 中添加 h1 标签

Question

我正在使用来自 github 的Cookie-Consent，但遇到以下问题：

横幅（ccb__wrapper）包含文本和按钮，但我还需要在文本之前有一个标题（h1）。是否可以在不使用 HTML、CSS、PHP 或 JS 触摸 JS 文件的情况下将标签插入 cookie 同意？

我从这里尝试了解决方案

如何编写一个脚本来帮助我在 html 的 Div 标签之间添加 H1 标签？

    const myDiv = document.getElementsByClassName('ccb__wrapper')[0];
    let title = document.createElement('h1');
    title.innerHTML = 'whatever you would like it to be';
    myDiv.appendChild(title);

使用不同的div，但它不起作用。

更新：

在查看了 Sikandar Mustafa 的答案并按照他的想法后，它显示在应该的位置。

这是工作代码：

window.onload = () => {
    const myDiv = document.getElementsByClassName('ccb__wrapper')[0];
    let title = document.createElement('h2');
    title.innerHTML = 'whatever you would like it to be';
    myDiv.prepend(title);
}

标签： javascriptphphtmlcss

Answer 1

可能 ccb_wrapper 类元素还没有渲染，JS 函数是异步工作的，你应该在上述函数完成后以某种方式添加这个逻辑，你也可以尝试 preappend 函数。