我必须改变,以便只得到单独的预览窗口关闭,而不是所有的是打开一次。有什么提示?
function displayPreview(title, content) {
const previewContainer = document.createElement('div');
previewContainer.classList.add('preview-container');
previewContainer.insertAdjacentHTML('afterbegin',
`<div class="preview-modal">
<div class="preview-content">
<div class="preview-title">
<h3>${title}</h3>
</div>
<div class="preview-text">
<p>${content}</p>
</div>
<div class="preview-close">
<button class="preview-close-button">Close</button>
</div>
</div>
</div>`
);
document.body.appendChild(previewContainer);
const previewCloseButton = document.querySelector('.preview-close-button');
previewCloseButton.addEventListener('click', () => {
previewContainer.remove();
});
}
1条答案
按热度按时间mpbci0fu1#
您需要将
previewCloseButton
的选择器查询限制在适当的范围内,而不是查询整个文档。