javascript - 如何将内容添加到模态对话框 (kbModal.js)

Question

我找到了一个用于我的网站的模态对话框，但我不知道如何添加按钮和样式等内容。

这是链接http://www.cssscript.com/creating-simple-modal-windows-with-kbmodal-js/

我看过这个，但我不知道从这里去哪里:

 var modalOuterContainer = document.createElement('div');
            modalOuterContainer.className = 'dkKbModalOuterContainer';
            modalOuterContainer.innerHTML = '<div class="dkKbModalContainer dkKbModal dkKbFade">' +
                '<div class="dkKbModalDialog">' +
                    '<div class="dkKbModalDialogHeader">' +
                        '<button class="dkKbCloseButton">&times;</button>' +
                        '<h3 class="dkKbModalHeader"></h3>' +
                    '</div>' +
                    '<div class="dkKbModalBody"></div>' +
                '</div>' +
            '</div>';
            var modalOverlay = document.createElement('div');
            modalOverlay.className = 'dkKbModalOverlay dkKbFade';
            document.body.appendChild(modalOuterContainer);
            document.body.appendChild(modalOverlay);

还有这个:

    addEvent(turnOnModal, 'click', function () {window.dkKbModal.show('Hello','Testing...');});

请问我如何使用它来添加内容，非常感谢! 很抱歉这个 nooby 问题

Answer 1

您在分配事件时添加它们:

addEvent(turnOnModal, 'click', function () {window.dkKbModal.show('Check out my awesome button.','<input type="button" value=" Awesome " class="myawesomecssclass"/>');});