javascript - 关闭窗口并将文本节点附加到按钮

function close_w() {
    //close the window
}
function imgopen(image) {
    var newWindow=window.open("", "_blank", "width=450, height=400");
    var newButton=newWindow.document.createElement("button");
    var textNode=newWindow.document.createTextNode("Close");
    newButton.setAttribute("style", "text-align: center; width: 30%; height: 30px; margin-top: 10px; margin-left: 35%; border: none; color: #FFF; background-color: #DC143C");
    newButton.setAttribute("onclick", "close_w()");
    newWindow.document.newButton.appendChild(textNode); // Line Marker
    newWindow.document.body.appendChild(newButton);
}

我想在弹出窗口中放置一个按钮，但是将textNode附加到newButton不起作用，甚至该按钮也不会显示。如果删除标记的行，则仅显示按钮。

我也想在单击按钮时关闭弹出窗口，但是我无法想象如何做到这一点。我可以使用哪些函数来制作close_W（）？

这是一种分配：我不能在这里使用jQuery。

我在JS上很弱。请帮忙！

最佳答案

与其他按钮一样，您需要设置newButton的值以将文本添加到其中。类似于newButton.setAttribute("value", "Close Window");。此示例适用于input中的按钮。如果要使用<button></button>标记，建议您使用newButton.innerHTML = "Close Window";，因为这会将文本设置为“关闭窗口”。