想實現一個關閉按鈕,詢問除 JavaScript 外是否有其他小技巧。
純 HTML/CSS 無法實現「點擊按鈕移除或隱藏元素」的交互邏輯。關閉功能本質上是 DOM 操作(element.remove() 或 element.style.display='none'),必須依賴 JavaScript 事件監聽。
<button onclick="this.parentElement.style.display='none'">關閉</button>
// 或
<button onclick="this.parentElement.remove()">關閉</button>
若極力避免寫 JS,可考慮 <details>/<summary> 原生折疊組件,但語義不同,無法完全替代關閉按鈕。