ใฏใใใซ
ไปฅไธใฎใใใชHTML่ฆ็ด ใใใฃใใจใใซใใฉใใใใฐๅ ้จ่ฆ็ด ใใใณใใคใณใใงๅๅพใงใใใฎใใจๆใฃใฆใใพใใใ
index.html
<div id="x">
<div class="y">This is the element we are selecting</div>
</div>
่งฃๆฑบ็ญ
querySelectorใงไปฅไธใฎใใใซ่ฆช่ฆ็ด ใใ้ ใซๆๅฎใใพใใ
ใใใใใฎ่ฆ็ด ใฎ้ใซในใใผในใๆธใใใจใงใใในใใใใ่ฆ็ด ใซใขใฏใปในใใใใจใใงใใพใใใ
script.js
const a1 = document.querySelector("#x .y");
console.log(a1.innerText);
ใณใณใฝใผใซ
This is the element we are selecting
ใกใชใฟใซใ่ฆช่ฆ็ด ใๆธใใชใใฆใใในใใใใ่ฆ็ด ใซใขใฏใปในใงใใพใใใๆฌกใฎใใใซ่คๆฐใฎ่ฆ็ด ใใใใจใๆๅใฎ่ฆ็ด ใซใขใฏใปในใใใพใใ
index.html
<div class="y">Dummy element</div>
<div id="x">
<div class="y">This is the element we are selecting</div>
</div>
script.js
const a1 = document.querySelector("#x .y");
const a2 = document.querySelector(".y");
console.log(a1.innerText);
console.log(a2.innerText);
ใณใณใฝใผใซ
This is the element we are selecting
Dummy element
Comments
CSSใปใฌใฏใฟใผใง็ไผผใฏใฉในใชใฉใไฝฟใฃใๅฏพ่ฑกๅๅพใชใฉใใงใใ่ช็ฑๅบฆใฎ้ซใใ
getElement(s)By๏ฝ็ณปใฎใกใฝใใใซใฏ็กใquerySelectorใquerySelectorAllใฎใกใชใใใงใใญใLet's comment your feelings that are more than good