3.3. getElement āĻāĻŦāĻ Query āϏāĻŋāϞā§āĻā§āĻāϰā§āϏ āĻāϰ āĻĒāĻžāϰā§āĻĨāĻā§āϝ
Â
āĻāĻ āĻĻā§āĻāĻŋ āĻĒāĻĻā§āϧāϤāĻŋāϰ āĻŽāϧā§āϝ⧠āϏā§āϏā§āĻĒāώā§āĻ āĻŽāĻŋāϞ āĻšāϞ āϝ⧠āϤāĻžāϰāĻž āĻāĻāϝāĻŧāĻ āĻāĻāĻāĻŋ āĻāϝāĻŧā§āĻŦ āĻĒā§āώā§āĻ āĻž āĻĨā§āĻā§ āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰā§āĨ¤ āϤāĻžāϰāĻž āĻŦāĻŋāĻāĻŋāύā§āύ āĻāĻĒāĻžāϝāĻŧā§ āϤāĻž āĻāϰā§āĨ¤
getElement
getElementById āĻĒāĻĻā§āϧāϤāĻŋ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§, āĻāĻĒāύāĻŋ āĻļā§āϧā§āĻŽāĻžāϤā§āϰ āϤāĻžāϰ ID āĻĻā§āĻŦāĻžāϰāĻž āĻāĻāĻāĻŋ āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰāϤ⧠āĻĒāĻžāϰā§āύāĨ¤ āĻļā§āϧā§āĻŽāĻžāϤā§āϰ āĻāĻāĻāĻŋ āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰāϤ⧠āĻĒāĻžāϰā§āύāĨ¤ getElementByClassName āĻāĻĒāύāĻžāĻā§ āĻļā§āϧā§āĻŽāĻžāϤā§āϰ āϤāĻžāϰ class āύāĻžāĻŽā§āϰ āĻāĻĒāϰ āĻāĻŋāϤā§āϤāĻŋ āĻāϰ⧠āϝā§āĻā§āύ⧠āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰāϤ⧠āĻĻā§āϝāĻŧāĨ¤ getElementsByTagName() āĻĒāĻĻā§āϧāϤāĻŋ āĻāĻāĻāĻŋ āύāĻŋāϰā§āĻĻāĻŋāώā§āĻ āĻā§āϝāĻžāĻ āύāĻžāĻŽā§āϰ āϏāĻžāĻĨā§ āϏāĻŽāϏā§āϤ āĻāĻĒāĻžāĻĻāĻžāύā§āϰ āĻāĻāĻāĻŋ āϏāĻāĻā§āϰāĻš āĻĒā§āϰāĻĻāĻžāύ āĻāϰā§āĨ¤
Â
querySelector
āĻāĻāĻāĻŋ querySelector āĻĻāĻŋāϝāĻŧā§, āĻāĻĒāύāĻŋ āĻāĻāĻāĻŋ CSS Selector āĻāĻĒāϰ āĻāĻŋāϤā§āϤāĻŋ āĻāϰ⧠āĻāĻāĻāĻŋ āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰāϤ⧠āĻĒāĻžāϰā§āύāĨ¤ querySelectorAll āĻĻāĻŋāϝāĻŧā§, āĻāĻĒāύāĻŋ āϏāĻŽāϏā§āϤ āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰāϤ⧠āĻĒāĻžāϰā§āύāĨ¤ querySelector(âcss-selectorsâ) āĻāĻĒāύāĻžāĻā§ CSS Selector āĻĒā§āϝāĻžāĻāĻžāϰā§āύā§āϰ āĻāĻĒāϰ āĻāĻŋāϤā§āϤāĻŋ āĻāϰ⧠āϝā§āĻā§āύ⧠āĻāĻĒāĻžāĻĻāĻžāύ āύāĻŋāϰā§āĻŦāĻžāĻāύ āĻāϰāϤ⧠āĻĻā§āϝāĻŧāĨ¤
- āύāĻŋāϰā§āĻĻāĻŋāώā§āĻ āĻāĻāĻāĻŋ āĻāϞāĻŋāĻŽā§āύā§āĻ āĻā§ āĻāĻāĻĄāĻŋ āĻĻā§āĻŦāĻžāϰāĻž āϏāĻŋāϞā§āĻā§āĻ āĻāϰāĻž āĻāĻŦāĻ āϤāĻžāϤ⧠āĻā§āϝāĻžāϞ⧠āĻāϏāĻžāĻāύ āĻāϰāĻžāĨ¤
- getElementById() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰ⧠āĻā§āύ āĻāϞāĻŋāĻŽā§āύā§āĻ āĻāϰ āĻāĻžāϞāĻžāϰ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰāĻžāĨ¤
- Get all elements with class=âdemoâ:
- Get all elements with both the âdemoâ and âcolorâ classes:
- Get all elements with the name âfirstNameâ:
- Number of elements with name=âcatsâ:
- āĻāĻāĻāĻŋ āĻĄāĻā§āĻŽā§āύā§āĻ āĻāϰ āϏāĻāϞ āĻāϞāĻŋāĻŽā§āύā§āĻ āĻā§āĻāĻā§ āĻŦā§āϰ āĻāϰā§āύāĨ¤
- āĻāĻāĻāĻŋ āĻĄāĻā§āĻŽā§āύā§āĻ āĻĨā§āĻā§ âliâ TagName āĻāϰ āϏāĻāϞ āĻāϞāĻŋāĻŽā§āύā§āĻ āĻā§āĻāĻā§ āĻŦā§āϰ āĻāϰā§āύāĨ¤
- āĻāĻāĻāĻŋ āĻāύāĻĒā§āĻ āĻŦāĻā§āϏ āĻāϰ āĻā§āϝāĻžāϞ⧠āĻāϏāĻžāĻāύ āĻāϰā§āύāĨ¤
- getElementById() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰ⧠āĻāĻāĻāĻŋ āĻŦāĻžāĻāύ āĻāϰ āĻāĻžāϞāĻžāϰ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰā§āύāĨ¤
- querySelector() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰ⧠āĻāĻāĻāĻŋ āĻāύāĻĒā§āĻ āĻŦāĻā§āϏ āĻāϰ āĻŦā§āϝāĻžāĻāĻā§āϰāĻžāĻāύā§āĻĄ āĻāĻžāϞāĻžāϰ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰā§āύāĨ¤