javascript - 如何检查一个 Div 是否为空然后执行操作

Question

我正在使用 HTML5、CSS 和 Javascript 构建个人助理

这就是我当前的问题。

我有一个 <div>包含脚本，当问题被问到时，如果问题匹配，它会写入该响应。

我需要一个脚本来检查这个 div 是否为空，使用 Javascript，而不是 jQuery

我需要检查 div 是否为空，因为这意味着没有响应。

然后重定向到错误页面。

一个问题和对它的回应看起来像这样:

    <script type="text/javascript">
{
var q = getValue("q");
var name = getValue("name");
}
if (q == 'Whats+up') {
document.write("Not much " + name + ".");
}
else {

}
</script>

这是我最后尝试的代码:

            <script>

    var theDiv = document.getElementById("responce");
    var q = getValue("q");
    if(theDiv.innerHTML == ''){
    window.location = 'error.html?name=Brandon&q='+q;
    }
  </script>

Answer 1

试试这个

<script type="text/javascript">
{
var q = getValue("q");
var name = getValue("name");
}
if (q == 'Whats+up') {
document.write("<div id='response_text'>"+"Not much " + name + "."+"</div>");
}
else {

}
</script>

然后:

<script>

var theDiv = document.getElementById("response_text");
var q = getValue("q");
if(theDiv==null || theDiv.innerHTML == ''){
window.location = 'error.html?name=Brandon&q='+q;
}
</script>

话虽这么说，可能有更好/更具可扩展性的方法使用 ajax 来实现这一点。