我希望通过单击按钮将一定数量的代码放入我的 HTML 文件中,并使用 javascript

问题描述 投票:0回答:1
javascript html tags
1个回答
0
投票

如果您希望在单击按钮时添加提供的 HTML 代码,您可以更改 addItem 函数以动态生成新的 HTML 元素并将它们附加到所需的位置。这是一个 JavaScript 示例:

<button onclick="addItem()" class="list-group-item list-group-item-action py-2 ripple btn btn-primary">
<i class="fas fa-chart-area fa-fw me-3"></i><span>➕  Add Product</span>

首先创建新元素

 var addItem = document.createElement('a');

addItem.href = '#'; addItem.className = '列表组项目列表组项目操作弹性列对齐项目开始'

**第二步是创建innerHTML **

addItem.innerHTML = `
        <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">Item 1</h5>
        </div>
        <p class="mb-1">Edible/Drinkable</p>

`

在文档中找到所需的位置,您可能需要修改此选择器。 并将项目附加到目标位置

© www.soinside.com 2019 - 2024. All rights reserved.