مетод HTML DOM getElementById()
تعریف و استفاده
مетод getElementById() می‌تواند به اولین عنصری که دارای ID مشخص شده است، اشاره کند.
قوانین دستور زبان
document.getElementById(id)
توضیح
HTML DOM روش‌های متعددی برای پیدا کردن عناصر تعریف کرده است، علاوه بر getElementById()، روش‌های دیگری مانند getElementsByName() و getElementsByTagName() نیز وجود دارند.
البته، اگر نیاز دارید یک عنصر خاص در مستند را پیدا کنید، بهترین روش استفاده از getElementById() است.
در هنگام عمل بر روی یک عنصر خاص در یک مستند، بهترین کار این است که به آن عنصر یک ویژگی id اختصاص دهید، یک نام منحصر به فرد (در مستند) برای آن تعیین کنید و سپس می‌توانید با استفاده از این ID به عنصر مورد نظر خود دسترسی پیدا کنید.
مثال
مثال 1
<html>
<head>
<script type="text/javascript">
توابع getValue() {
var x=document.getElementById("myHeader")
alert(x.innerHTML)
<h1 id="myHeader" onclick="getValue()">این یک سربرگ است</h1>
<p>روی سربرگ کلیک کنید تا مقدار آن را به شما اطلاع دهند</p>
مثال 2
getElementById() یک روش مهم است که در طراحی برنامه‌های DOM بسیار معمول است. ما یک تابع ابزار برای شما تعریف کرده‌ایم تا بتوانید روش getElementById() را با نام کوتاه‌تری استفاده کنید:
توابع id(x) {
اگر typeof x == "string" return document.getElementById(x)
return x;
این تابع پارامترهای ID عناصر را به عنوان پارامترهای خود می‌پذیرد. برای هر یک از این پارامترها، شما باید قبل از استفاده x = id(x) را بنویسید.
