在我们所有人的认知中,HTMLDOM中的id应该必须具有唯一性。

以下代码可能颠覆我们的认知。

<div id="test">test1</div>
<div id="test">test2</div>
<script>
console.log(test)
console.log(document.getElementsById('#test'))
console.log(document.querySelector('#test'))
console.log(document.querySelectorAll('#test'))
</script>

控制台会输出什么呢?

HTMLCollection(2) [div#test, div#test, test: div#test]
<div id="test">test1</div>
<div id="test">test1</div>
NodeList(2) [div#test, div#test]

为什么?


沉淪在無盡的深淵中...