如何在纯JavaScript中创建点击按钮？

Question

如何在不使用任何html标记和CSS的情况下，在纯/纯JavaScript中创建单击按钮？ 该按钮，当用户单击它时，将出现一个确认框，然后，当用户单击确定选项时，将出现一个弹出窗口。

我已经在弹出窗口和确认框中进行了编码。 这里：

 if (confirm("Go?") == true) {
            popupWindow = window.open('/filename.htm', "name", windowFeatures);
            popupWindow.focus();
            } else {
            test1= "";
            }

我想在以下位置显示单击按钮：

<div class="activityHeaderPanel">

但是，我没有访问权限或特权来更改或编辑整个html。

请帮我。 我不是一个真正的程序员。 谢谢。

Answer 1

您可以使用本机DOM API使用纯Javascript而不使用HTML来创建文档节点和附加事件。

var myDiv = document.createElement('div');
myDiv.className = 'activityHeaderPanel';
myDiv.onclick = function(){
    if(confirm //...
}

要将创建的div附加到现有文档，您需要找到其父节点并使用appendChild：

//this will depend on your particular use case. For example, if the parent element is a
// <div id="theParent">

var parentNode = document.getElementById('theParent');
parentNode.appendChild(myDiv);

Answer 2

var test = document.getElementByClass("activityHeaderPanel");

function whatClicked(evt) {
    alert(evt.target.id);
}

test.addEventListener("click", whatClicked, false);