为什么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是原生方法，性能更高效。

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

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
• 腾讯云安全产品（WAF、DDoS防护等）：https://cloud.tencent.com/product/safety