如何在JS中创建一个函数来关闭不同内容的modals

// 假设我们有两个模态框，它们的ID分别是 'modal1' 和 'modal2'
function closeModal(modalId) {
    // 获取模态框元素
    var modal = document.getElementById(modalId);
    
    // 检查模态框是否存在
    if (modal) {
        // 隐藏模态框
        modal.style.display = 'none';
        
        // 如果需要，可以在这里添加其他关闭模态框后的操作，例如清除表单数据等
    }
}

// 使用示例
// 关闭ID为 'modal1' 的模态框
closeModal('modal1');

// 关闭ID为 'modal2' 的模态框
closeModal('modal2');

function closeModal(modalId) {
    var modal = document.getElementById(modalId);
    
    if (modal) {
        modal.style.display = 'none';
        
        // 清除模态框内的表单数据
        var forms = modal.getElementsByTagName('form');
        for (var i = 0; i < forms.length; i++) {
            forms[i].reset();
        }
        
        // 可以添加其他清理工作
    } else {
        console.error('Modal with ID ' + modalId + ' not found.');
    }
}