我們如何將按鈕或圖示向右移動并顯示購物車或我們在按鈕或圖示位置創建的任何東西？例如，我制作了一個包含學生資訊的購物車，如下圖所示。
我正在嘗試將該圖示向右移動 onclick 加號按鈕并在圖示位置顯示該購物車。并期待您對這個問題的貢獻將幫助我向前邁進
uj5u.com熱心網友回復：
function addNewStudent() {
const button = document.querySelector('button.icon');
const studentDiv = document.createElement('div');
studentDiv.className = 'student';
studentDiv.innerHTML = '<b>New Student</b>';
button.insertAdjacentElement('beforebegin', studentDiv);
}.container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.student {
margin: 10px;
padding: 10px;
background-color: #ccc;
border-radius: 8px;
}
.icon {
margin: 10px;
border-radius: 50%;
font-size: 20px;
cursor: pointer
}<div class="container">
<div class="student">Student Card</div>
<div class="student">Student Card</div>
<button class="icon" onclick="addNewStudent()"> </button>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/534694.html