从对话框窗口中删除关闭按钮Javascript

Question

我正在尝试删除＆＃34;关闭＆＃34;拼图完成时出现的按钮。我可以做到这一点，但是如果用户尝试，他们可以点击隐藏按钮的位置，它会使页面崩溃并将拼图分散到各处。谁知道我怎么解决这个问题？隐藏按钮位于拼图的左上方，点击左右会显示我的意思。

我正在删除CSS代码中的按钮：

.ui-dialog-titlebar-close {
 visibility: hidden;
}

这是我的JSFiddle，在小提琴上看起来有点奇怪，但哦，好吧，仍然会崩溃。

http://jsfiddle.net/QY5jb/3/

Answer 1

你必须用别的东西做。纯css不会删除元素。如果你想删除它，我会给自己写一个隐藏元素的函数。例如

function delete_element(e){
  e.parentNode.removeChild(e);
}

并在拼图完成后调用此功能。其中e是你的.ui-dialog-titlebar-close

所以例如

var element = document.querySelector('.ui-dialog-titlebar-close');
delete_element(element);