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

调用以下两个结果相同的输出是否有任何区别

// direct call
      const p = document.createElement('p')
      p.innerHtml = 'I am a p tag' 
      document.body.appendChild(p)

// first querySelector then method call
      const p = document.createElement('p')
      p.innerHtml = 'I am a p tag' 
      const body = document.querySelector('body')
      body.appendChild(p)

---

由于访问主体的两种方法返回相同的对象，因此没有功能上的差异。从性能角度来看，

document.body

很可能更快，但我高度怀疑这种差异是否显著，是否足以建议不要使用querySelector

有许多方法可以访问同一个dom元素

const el=document.querySelector（'body'））
console.log（el==document.body）//true
console.log（el==document.getElementsByTagName（'body'）[0]）//true

没有功能上的区别，因为访问body的两种方法都返回相同的对象。从性能角度来看，

document.body

很可能更快，但我高度怀疑这种差异是否显著，是否足以建议不要使用querySelector

有许多方法可以访问同一个dom元素

const el=document.querySelector（'body'））
console.log（el==document.body）//true
console.log（el==document.getElementsByTagName（'body'）[0]）//true

我想使用

document.body

访问主体和使用

document.querySelector（'body'）

访问主体是有一些区别的，因为它们的工作原理不同，但我不确定

document.querySelector（）

和

元素.querySelector（）

性能方面的

文档.body

应该是最快的，因为它是文档上的单个属性。我不确定你在寻找什么样的答案。如果这是您的concernPerformance wise document，则使用这两种方法都不会产生意外的副作用。body应该是最快的，因为它是文档上的一个属性-是的，这是我认为OP想知道的，如果您在回答中提到这一点，那将非常好。从功能上来说，它们都是相同的，但在性能上有所不同。我正在键入答案，但你比我先键入了答案，所以我决定不回答我自己。@如果差别不大，你是对的，但差别仍然是OP想知道的。我想使用

document.body

访问正文和使用

document.querySelector（'body'）访问正文是有区别的

这是因为它的工作原理不同，但我不确定

document.querySelector（）

和

元素.querySelector（）

。性能方面的

document.body

应该是最快的，因为它是文档上的一个属性。我不确定你在寻找什么样的答案。如果这是您的concernPerformance wise document，则使用这两种方法都不会产生意外的副作用。body应该是最快的，因为它是文档上的一个属性-是的，这是我认为OP想知道的，如果您在回答中提到这一点，那将非常好。从功能上来说，它们都是相同的，但在性能上有所不同。我当时正在键入答案，但你比我先键入了答案，所以我决定不回答自己的问题。@Yousaf虽然差别不大。你是对的，但差别仍然是OP想知道的。