如果您希望在单击按钮时添加提供的 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>
`
在文档中找到所需的位置,您可能需要修改此选择器。 并将项目附加到目标位置