HTML DOM Object Model

‎شئ گرائي جاوااسكريپت با عناصر سند

‎همانطوريكه در مطالب مربوط به جاوااسكريپت مطرح شده، اين زبان براي دستكاري ومديريت در صفحات HTML‎بكار گرفته ميشود .يكي از اين نوع امكانات قدرتمند جاوااسكريپت، روش شئگرائي آن است ‎كه با آن ميتوان به عناصر صفحه بعنوان يك شئ برخورد نمود.

‎امكانات شي گرائي جاوااسكريپت در برخورد با عناصر صفحه مطابق زيراست:

‎ارتباط به عنصري از صفحه با شناسه مشخص، بعنوان شئ قابل دسترس
‎ايجاد عنصري در صفحه بعنوان شئ قابل دسترس
‎تنظيم ويا دريافت مقادير ويژگي هاي اشياء مطابق با اصول شي گرائي
‎اجراي متدهاي منتسب به شئ براي اقداماتي روي عناصر

‎نكته ـ متدها و ويژگي اشياء براي عناصر صفحه بستگي به تگ آن دارد ومتفاوت ميباشند .در صفحات ‎مرتبط براي هرتگ متد وويژگي هاي آن مطرح ميگردد.

‎توجه ـ دسترسي جاوااسكريپث به عناصر صفحه ازطريق نام تگ ، كلاس و... هم امكان پذيراست.

‎دسترسي به عنصري در صفحه

‎براي دسترسي به عنصري از صفحه بعنوان يك شئ از متدgetElementById()‎ جاوااسكريپت استفاده ‎مي شود .بااين متد حتما بايد عنصر داراي شناسه باشد، يعني ويژگيHTML id آن بايد معرفي ‎بگردد.

‎مثال ـ اگر عنصري داراي شناسهid="myElement‎"‎باشد، دسترسي بصورت زير است .

var document.myObject = getElementById("myElement");

‎درا ين جا متغيرmyObject بعنوان يك شئ بوده كه عنصري با شناسه ‎"myElement‎"‎را نمايندگي ‎ميكند .هر عملي كه روي شئ فوق انجام ميگيرد، مستقيما روي عنصر مرتبط آن اثر دارد .ميتوان گفت ‎شئ وعنصر مرتبط يكي هستند.

‎ايجاد شئ عنصريHTML

‎با متد‎document.createElement()‎‎ ميتوان شئ از عناصرHTML در صفحه ايجاد كرد. ‎آرگومان اين متد تگ عنصر مربوطه باحروف بزرگ بصورت رشته مي باشد .بعنوان نمونه شئAnchor ‎رشته‎"A‎"‎و شئ مخفف عنصر‎(<abbr>)‎ رشته ‎"ABBR‎"‎است .اين دو مطابق زير ايجاد

var myAnchor= document.createElement("A"); // Anchor Object

var myAbbr= document.createElement("ABBR"); // Abbreviation Object

‎دراين دو نمونه ايجاد شئmyAchorمربوط به عنصري ازHTML ‎<a>‎ و myAbbr ‎مربوط بهHTML ‎<abbr>‎ ميباشد .

‎نحوي استفاده از اين متغيرهاي شئ كه مربوط به ويژگي و متدهاي آنهاست، در صفحه هاي خاص هر ‎عنصر بصورت مفصل بحث ميشود .براي هر تگي ازHTML يك تا چند صفحه مستقل درارتباط با برخورد ‎با آن بروش شئ گرائي بحث گرديده است.

‎در لينك‎HTML Reference Tags تگ ها بصورت ‎ترتيب حروف در جدولي همراه لينك تشريح عنصري وتشريح شئگرائي آمده است .با امكانات جستجو ‎دراين صفحه ميتوانيد به تشريح هر تگي بدو روش دسترسي داشته باشيد.

<Next