انتخاب یک عنصر از صفحه، بر اساس id آن عنصر، با روش document.getElementById ، در JavaScript
همان طور که می دانید، در صفحه، می توانیم عناصر مختلف را با id های منحصربفرد، مشخص کنیم تا در بخش های دیگر کدها، به آنها ارجاع داده و مشخصاتشان را تغییر بدهیم (مثلا در CSS خیلی از این شیوه برای تغییر ویژگی های عناصر HTML صفحه استفاده می شود). در JavaScript نیز با استفاده از روش
document.getElementById ، می توانیم به یک عنصر صفحه، بر اساس id آن، ارجاع داده و ویژگی های آن را تغییر بدهیم.
به مثال زیر توجه کنید :
ابتدا یک پاراگراف (تگ های p) را با id برابر
paragraph1 مشخص می کنیم و سپس با کدهای JavaScript ، پس زمینه پاراگراف مورد نظر را به رنگ آبی در می آوریم :
نتیجه :
همان طور که مشاهده می کنید، کدهای JavaScript را بعد از کدهای HTML عنصر مورد نظر نوشته ایم، چنانچه کدهای JavaScript قبل از کدهای عنصر قرار می گرفتند، دیگر رنگ پس زمینه عنصر هیچ تغییری نمی کرد. بنابراین همیشه به یاد داشته باشید که باید کدهای JavaScript ای که به یک عنصر اشاره دارند را بعد از کدهای تعریف آن عنصر (هر مکانی، اما بعد از کدهای آن عنصر) بنویسید.
