اختيار العناصر

الخطوات العملية لاختيار العناصر:

1. getElementById: تستخدم لتحديد عنصر باستخدام معرفه الفريد.
2. querySelector: تستخدم لتحديد عنصر واحد بناءً على اسمه أو معرفه أو فئته أو سمة أخرى.
3. querySelectorAll: تستخدم لتحديد جميع العناصر المطابقة لاسم أو معرف أو فئة معينة.
4. getElementsByTagName: تستخدم لتحديد جميع العناصر التي لها اسم عنصر معين.
5. getElementsByClassName: تستخدم لتحديد جميع العناصر التي لها فئة معينة.

مثال جافا سكريبت:

// تحديد عنصر حسب معرفه
const elementById = document.getElementById("my-element");

// تحديد عنصر واحد حسب فئته
const elementByClass = document.querySelector(".my-class");

// تحديد جميع العناصر حسب فئتها
const elementsByClass = document.querySelectorAll(".my-class");

// تحديد جميع العناصر حسب اسمها
const elementsByTagName = document.getElementsByTagName("p");

// تحديد جميع العناصر حسب معرفها
const elementsById = document.getElementsByClassName("my-class");