直接在document.body上调用DOM方法appendChild与首先使用queryselector有什么不同

直接在document.body上调用DOM方法appendChild与首先使用querySelector有以下不同之处：

1. 功能不同：appendChild是DOM方法，用于将一个元素节点添加到指定父节点的子节点列表的末尾；而querySelector是选择器方法，用于通过指定的CSS选择器选择匹配的第一个元素节点。
2. 使用方式不同：appendChild是直接在指定的父节点上调用方法，将要添加的子节点作为参数传递；而querySelector需要先通过选择器选择匹配的元素节点，然后再对选中的元素节点进行操作。
3. 返回值不同：appendChild没有返回值，它直接修改DOM结构；而querySelector返回匹配的第一个元素节点，如果没有匹配到任何元素节点，则返回null。
4. 适用场景不同：appendChild适用于在指定的父节点上添加子节点，常用于动态创建和插入新的DOM元素；而querySelector适用于根据选择器选择匹配的元素节点，常用于获取特定的DOM元素进行操作。

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

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
• 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai