为什么这个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”不为null，div id为“List2”，“List3”为null。

它们几乎完全一样......

Answer 1

作为Pulkit mentioned before，可能是因为</br>它不是HTML中的有效标记，您要查找的是<br />。

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