javascript - 为什么这个 div 不为 null 而几乎相同的 div 为 null

Question

<div id="List1" style="display:none">
    VIDEO 1</br>
    VIDEO 2</br>
    VIDEO 3</br>
</div>
<div id="List2" style="display:none"> 
    VIDEO 4</br>
    VIDEO 5</br>
    VIDEO 6</br>
</div>
<div id="List3" style="display:none">
    VIDEO 7</br>
    VIDEO 8</br>
    VIDEO 9</br>
</div>

这是我使用的 javascript 代码：

    var div = document.getElementById("List"+id);

    if(div == null)
    {
        document.getElementById("List"+id).style.display = "block";
    }

为什么 div id "List1" 不为空，而 div id "List2", "List3" 为空。

它们几乎完全一样...

Answer 1

正如 Pulkit之前提到的，这可能是因为</br>它不是 HTML 中的有效标签，您要查找的是<br />.

</br>是您从未打开过的内容的结束标记，因此您的整个 HTML 不平衡且格式不正确。可能您的浏览器无法正确解析它，留下一个糟糕的 DOM 模型。