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);

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

2 个答案: