为什么querySelector('#id')映射到document.getElementById('id')？

querySelector('#id')和document.getElementById('id')都是用于获取文档中具有特定id的元素的方法，它们的作用是相同的。但是它们的实现方式和使用方式略有不同。

querySelector('#id')是一个CSS选择器，它使用CSS选择器语法来选择元素。通过传入一个CSS选择器作为参数，它会返回匹配该选择器的第一个元素。例如，querySelector('#id')会返回具有id为"id"的元素。

document.getElementById('id')是JavaScript的原生方法，它直接通过元素的id属性来获取元素。它只接受一个字符串参数，即元素的id值，并且返回具有该id的元素。例如，document.getElementById('id')会返回具有id为"id"的元素。

为什么querySelector('#id')映射到document.getElementById('id')呢？这是因为querySelector是在CSS选择器的基础上扩展而来的，它可以使用更多的选择器语法来选择元素，而不仅仅局限于id选择器。而getElementById是JavaScript原生方法，只能通过元素的id属性来选择元素。

在实际开发中，querySelector更加灵活，可以使用各种CSS选择器来选择元素，例如类选择器、属性选择器等，而getElementById只能通过id来选择元素。但是由于querySelector是基于CSS选择器的，它的性能可能会稍微慢一些，而getElementById是原生方法，性能更高效。

推荐的腾讯云相关产品和产品介绍链接地址：