مشخصات مقاله
آموزش توابع DOM
توابع DOM (متدهای مدل شی گرای سند HTML)
متدهای HTML DOM، عملیاتی هستند که می توان روی المان های HTML اجرا کرد.
خواص (property) مدل شی گرای سند HTML، مقادیری (مقادیر المان های HTML) هستند که می توان تنظیم کرد یا تغییر داد.
رابط برنامه سازی مدل شی گرای سند (DOM Programming interface)
مدل DOM به JavaScript اجازه می دهد تا محتوای عناصر HTML را تغییر دهد.
در مدل شی گرای سند (DOM) تمامی المان های HTML به صورت شی ((object تعریف شده و مورد استفاده قرار می گیرند.
رابط برنامه نویسی مجموعه ای از خواص و توابع است که یک برنامه می تواند از برنامه ی دیگر فرابخواند.
Property (خاصیت) مقداری است که شما می توانید آن را بازیابی (get) یا تنظیم (set) کنید (مانند تغییر محتوایات یک المان HTML).
Method (تابع) عملیاتی است که انجام می دهید (مانند اضافه و حذف المان HTML).
مثال زیر با استفاده از تابع () document.getElementById، محتویات ( (innerHTMLتگ <p> را با شناسه ی id="demo" تغییر می دهد:
نمونه یک
1 2 3 | <script> document.getElementById( "demo" ).innerHTML = "Hello World!" ; </script><button></button> |
در مثال بالا، getElementById یک متد است در حالی که innerHTML خاصیت (property) محسوب می شود.
تابع getElementById
معمول ترین روش برای دستیابی به المان HTML، بکاربردن شناسه ی (ID) المان است.
در مثال فوق، تابع getElementById با استفاده از شناسه ی "demo" المان مورد نظر را پیدا کرده و به آن دسترسی پیدا می کند.
خاصیت innerHTML
آسان ترین روش برای دستیابی به محتویات یک المان، استفاده از خاصیت (property) innerHTML است.
به وسیله ی خاصیت مذکور می توان محتویات المان HTML را بازیابی و همچنین جایگزین کرد.
مشاهده فیلم آموزشی
کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.