ウィンドウを閉じてボタンにテキストノードを追加する

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";を使用してテキストを「ウィンドウを閉じる」に設定することをお勧めします。