Message🔥می‌خوام تو دو تا پست 15 تا از متد های DOM یا (Document Object Model) را تشریح دهم.

🔥می‌خوام تو دو تا پست 15 تا از متد های DOM یا (Document Object Model) را تشریح دهم. 1⃣ getElementById 🔷این متد به شما اجازه می‌دهد تا به یک عنصر HTML با شناسه (ID) خاص دسترسی پیدا کنید. -سینتکس: const element = document.getElementById("myId"); 🔹خروجی یک شیء عنصر (Element) برمی‌گرداند یا null اگر عنصری با آن ID وجود نداشته باشد. 2⃣ getElementsByClassName 🔷 این متد تمام عناصر HTML که دارای یک کلاس خاص هستند را برمی‌گرداند. خروجی یک HTMLCollection است که شبیه به آرایه است. -سینتکس: const elements = document.getElementsByClassName("myClass"); 🔹خروجی یک HTMLCollection از عناصر با کلاس مشخص شده. 3⃣getElementsByTagName 🔷این متد تمام عناصر HTML با یک تگ خاص را برمی‌گرداند. خروجی نیز یک HTMLCollection است. -سینتکس: const elements = document.getElementsByTagName("div"); 🔹خروجی یک HTMLCollection از عناصر با تگ مشخص شده. 4⃣querySelector 🔷 این متد اولین عنصر را که با یک انتخابگر CSS مطابقت دارد، برمی‌گرداند. -سینتکس: const element = document.querySelector(".myClass"); 🔹خروجی یک شیء عنصر (Element) یا null اگر عنصری پیدا نشود. 5⃣ querySelectorAll 🔷 این متد تمام عناصری را که با یک انتخابگر CSS مطابقت دارند، برمی‌گرداند. خروجی یک NodeList است. - سینتکس: const elements = document.querySelectorAll("div.myClass"); ` 🔹خروجی یک NodeList از عناصر که با انتخابگر مشخص شده مطابقت دارند. 6⃣ innerHTML 🔷این ویژگی به شما اجازه می‌دهد محتوای HTML داخلی یک عنصر را دریافت یا تنظیم کنید. -سینتکس: // دریافت const content = element.innerHTML; // تنظیم element.innerHTML = "<strong>متن جدید</strong>"; 🔹خروجی محتوای HTML به عنوان یک رشته (string). 7⃣innerText 🔷 این ویژگی به شما اجازه می‌دهد محتوای متنی یک عنصر را دریافت یا تنظیم کنید. برخلاف innerHTML، این ویژگی فقط متن را بدون تگ‌های HTML برمی‌گرداند. -سینتکس: // دریافت const text = element.innerText; // تنظیم element.innerText = "متن جدید"; 🔹خروجی محتوای متنی به عنوان یک رشته (string) است ⚡️ امیدوارم فهمیده باشید کانال مارا به دوستان تان معرفی کنید⚡️ #DOM #javascript Channel ° @just_website