CSS对话框常见于网页中需要用户进行操作的情况,例如确认框、提示框等。如何正确地判断CSS对话框呢?以下是一些判断CSS对话框的方法:
// 判断是否存在类名为dialog的元素 if (document.querySelector('.dialog')) { // 存在则认为是CSS对话框 } // 判断是否存在特定属性,例如data-dialog-type if (document.querySelector('[data-dialog-type]')) { // 存在则认为是CSS对话框 } // 判断是否包含特定文本,例如“确认”、“取消”等 if (document.querySelector('body').innerText.includes('确认') && document.querySelector('body').innerText.includes('取消')) { // 存在则认为是CSS对话框 }
使用以上方法可以较为准确地判断CSS对话框的出现,从而进行相应的操作。