添加一个关闭按钮 - JavaScript 中文教程

有一系列消息。

使用 JavaScript 在每条消息的右上角添加一个关闭按钮。

结果应该像这样

要添加按钮，我们可以使用 `position:absolute`（并将窗格设置为 `position:relative`）或 `float:right`。`float:right` 的优点是按钮永远不会与文本重叠，但 `position:absolute` 提供了更大的自由度。所以选择权在你。

然后对于每个窗格，代码可以像这样

          pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');
        

然后 `<button>` 变成 `pane.firstChild`，所以我们可以像这样添加一个处理程序

pane.firstChild.onclick = () => pane.remove();