Js

querySelectorでのJavaScriptとgetElementByIdの違い



Javascript Getelementbyid Difference Queryselector



getElementByIdとquerySelector：類似点

まず、次のコードを確認します。

  • PHP
  • HTML
  • CSS
  • JavaScript

*例えば最初に私は最初のものを手に入れたい で 、 ID名 「web-id」と呼ばれます
1.getElementByIdを使用



document.getElementById('web-id')

2. querySelector

document.querySelector('#web-id')

getElementByIdとquerySelector：違い

最初の3つを選択すると で getElementByIdを使用できるのはいつですか？
無理だよ！
声明がないので id 、querySelectorのみを選択できます



document.querySelector('ul li.web-class')

どちらかあなたは単に次のように書くことができます

document.querySelector('li.web-class')

総括する：

両方が同様に使用する場合、ただしもっと多くのgetElementByIdをお勧めします。
querySelectorよりも高速でサポートが優れているためです。