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

Question

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能力很弱。请帮忙!

Answer 1

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