ショコラ
JavaScript の querySelector について
なぜ、この存在に気がつかなかったのだろう。
document.querySelector
完全に jQuery と同じように使えるではないですか！
確かに、これなら jQuery は…(T T
もっさん先輩
document.querySelector('｛jQueryの感じ｝')↑気を付けておくところは「document.」を付けることです。無いとエラーになります。
querySelector はエレメントを１つ返します。
el.querySelector('｛jQueryの感じ｝')querySelectorAll は複数のエレメントを配列で返します。
el.querySelectorAll('｛jQueryの感じ｝')querySelector と querySelectorAll のサンプルプログラムです。
// エレメントを作成
const html = `
<div id="a" class="frend">もっさん</div>
<div id="b" class="frend">ショコラ</div>
`
let el = document.createElement('div')
el.innerHTML = html
// querySelector の例
console.log(el.querySelector('#b').innerText)
// querySelectorAll の例
el.querySelectorAll('.frend').forEach(el => console.log(el.innerText))以上