function creatediv(){
            const creatediv = document.createElement('div');
            creatediv.innerHTML ="ADDED!";

            document.getElementsByClassName("box1").appendChild(creatediv);
        }
<div class="box1"></div>
<button class="creatediv" onclick="creatediv()">
   <i class="fa-solid fa-plus fa-xl"></i>
</button>

我想做的是创建一个div,在class="box1"div中包含文本ADDED!,它使用id而不是类,如何使用类来实现这一点,谢谢

推荐答案

如果您正在寻找特定代码段无法工作的原因的解释:

请参阅下面的工作片段:

function creatediv() {
  const creatediv = document.createElement('div');
  creatediv.innerHTML = "ADDED!";

  document.getElementsByClassName("box1")[0].appendChild(creatediv);
}
<div class="box1"></div>
<button class="creatediv" onclick="creatediv()">
   Add<i class="fa-solid fa-plus fa-xl"></i>
</button>

Javascript相关问答推荐

如何分配类型脚本中具有不同/额外参数的函数类型

拖放仅通过 Select 上传

使用useEffect,axios和useParams进行react测试

当点击注册页面上的注册按钮时,邮箱重复

我在我的Java代码中遇到了问题,代码的一部分看不到先前定义的对象

如何在bslib nav_insert之后更改导航标签的CSS类和样式?

在使用HighChats时如何避免Datatables重新初始化错误?

如何在Angular17 APP中全局设置AXIOS

如何强制Sphinx中的自定义js/css文件始终加载更改而不缓存?

从页面到应用程序(NextJS):REST.STATUS不是一个函数

为什么JPG图像不能在VITE中导入以进行react ?

有效路径同时显示有效路径组件和不存在的路径组件

是否可以将Select()和Sample()与Mongoose结合使用?

如果NetSuite中为空,则限制筛选

每隔3个项目交替显示,然后每1个项目交替显示

使用VITE开发服务器处理错误

如何使用useparams从react路由中提取id

如何按区域进行过滤并将其从结果数组中删除?

JavaScript -如何跳过某个字符(S)来打乱字符串中的字符

我怎么才能拿到幼风登录?