Javascript 引导空div占位符

我有一个引导项目，如果div为空，我想给出一条消息。我有一个面板标题和一个面板主体，如果面板主体中没有节点，我需要一条消息，如“此处将添加一些内容”

有什么好办法？我可以使用CSS或Javascript

可以添加和删除面板主体的子节点，使其再次变为空。一直在javascript中检查这个对我来说不太好，所以它必须是div清空的侦听器，这可能吗

---

一个好的CSS解决方案会更好。

通过一些CSS技巧，您可以在元素不包含子元素时显示消息

---

在这里，使用js是最快、最简单、最合适的解决方案。P.S.@Kevin-这有关系吗？如果你想在客户端有条件地进行评估，你需要javascript。例如，如果通过数据库中的行数控制Div的填充，则可以使用服务器端脚本语言有条件地回显Div，并且每个请求都会重新绘制视图。我刚刚发现我可以使用CSS:empty选择器。但这只是IE9+

ul {
    min-height: 50px;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul:before {
    content: 'No Results Found.';
    height: 50px;
    color: #ccc;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 100%;
    line-height: 2em;
}

ul li {
    min-height: 50px;
    background: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: solid 1px #ccc;
    line-height: 2em;
}