主页 / 问题 / 1534174
Accepted
Дмитрий Харченко
Asked:2023-08-04 18:24:21 +0800 CST2023-08-04 18:24:21 +0800 CST

将 html 元素插入 JS 对象

  • 772

想要创建一个通用对象来控制弹出窗口。问题是js不显示这个窗口：HTML代码示例：

<div id="notification">
  <div class="modal">  
    <span class="close">🞨</span>  
    <p>Уведомление</p>
    <button id="Accept">OK</button>
  </div>
</div>

JS代码示例：

var noti = {
  modal : document.getElementById(notification),
  btnAccept : document.getElementById("Accept"),
  span : document.getElementsByClassName("close")[0]
  };
noti.modal.style.display = "block";//при попытке вывести значение в alert выдает пустую строку

将来，我想将事件绑定到对象上的按钮单击上：

noti.btnAccept.onclick =  CloseNotificationWindow();
noti.span.onclick = CloseNotificationWindow();

我想知道是否可以通过对象以这种方式管理窗口？

javascript

1 个回答

  1. Best Answer

    实际上，在这里：

    var noti = {
  modal : document.getElementById('notification'),
  btnAccept : document.getElementById("Accept"),
  span : document.getElementsByClassName("close")[0]
  };
noti.modal.style.display = "block";

function CloseNotificationWindow() {
  noti.modal.style.display = "none";
}

noti.btnAccept.addEventListener('click', CloseNotificationWindow);
noti.span.addEventListener('click', CloseNotificationWindow);
    #notification {
  display: none;
}
    <div id="notification">
  <div class="modal">  
    <span class="close">🞨</span>  
    <p>Уведомление</p>
    <button id="Accept">OK</button>
  </div>
</div>

    • 1

相关问题