js判断div是否有内容

function hasContent(divId) {
    var div = document.getElementById(divId);
    if (!div) return false; // 如果div不存在
    return div.textContent.trim().length > 0; // 使用textContent并去除首尾空白
}

// 使用示例
if (hasContent('myDiv')) {
    console.log('Div有内容');
} else {
    console.log('Div没有内容');
}

function hasChildNodes(divId) {
    var div = document.getElementById(divId);
    if (!div) return false; // 如果div不存在
    return div.hasChildNodes();
}

// 使用示例
if (hasChildNodes('myDiv')) {
    console.log('Div有子节点');
} else {
    console.log('Div没有子节点');
}

function hasVisibleContent(divId) {
    var div = document.getElementById(divId);
    if (!div) return false; // 如果div不存在
    var nodes = div.childNodes;
    for (var i = 0; i < nodes.length; i++) {
        var node = nodes[i];
        if (node.nodeType === 3) { // 文本节点
            if (/\S/.test(node.nodeValue)) { // 检查是否有非空白字符
                return true;
            }
        } else if (node.nodeType === 1) { // 元素节点
            if (node.childNodes.length > 0) {
                return true;
            }
        }
    }
    return false;
}

// 使用示例
if (hasVisibleContent('myDiv')) {
    console.log('Div有可见内容');
} else {
    console.log('Div没有可见内容');
}