DOMو جاوا اسکریپت و کاربرد آن
قبل از رفتن به سراغ اصل مقاله بیایید یک نمونه را رسیدگی کنیم. فرض فرمایید در اینک تماشای تلویزیون می باشید. طرحی را که در هم اکنون پخش می باشد دوست ندارید و می خواهید آن را تغییر تحول دهید. هم اینگونه میخواهید صدای تلویزیون را افزایش دهید. برای انجام این کار، می بایست راهی برای رابطه با تلویزیون داشته باشید. برای این کار از در اختیار گرفتن به کارگیری میکنیم. در دست گرفتن به شما قابلیت میدهد با تلویزیون خویش رابطه برقرار کنید. شما با در اختیار گرفتن، تلویزیون را فعال و پویا می کنید. به همین ترتیب، جاوا اسکریپت شیت HTML را از روش DOM فعال و پویا می نماید. صحیح مانند تلویزیون که نمی تواند به تنهایی کار متعددی اجرا دهد، جاوا اسکریپت هم سوای DOM نمی تواند کاری را پیش چیره شود. بدین ترتیب برای پویایی بیشتر یک سند HTML، اسکریپت بایستی بتواند به محتوای مدرک دسترسی داشته باشد و هم اینگونه بایستی بداند مخاطب چه وقتی با آن تعامل داراست. برای طراحی سایت در مشهد می توانید با ما همراه شوید. این فعالیت را با برقراری رابطه با مرورگر با استعمال از خصوصیتها، متدها و حوادث در رابطی به اسم Document Object Model یا این که DOM ایفا می دهد.
DOM مخفف Document Object Model است و به فارسی مضمون «سبک شیء گرای مدرک» را میدهد. با استعمال از DOM میتوانید موادسازنده گواهی HTML را تغییر تحول داده، حذف کرده و یا این که ساختوساز نمایید!
در واقع DOM یکی از استاندارد های کنسرسیوم جهانی اینترنت (W3C) می باشد که استانداردی را برای دسترسی به سندها را تعریف می نماید:
The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document.
این استاندارد W3C به سه نصیب تقسیم می شود:
Core DOM: (در معنای DOM هسته ای): سبک استاندارد برای گونه های اوراق
XML DOM: سبک استاندارد برای ورقه ها XML
HTML DOM: سبک استاندارد برای اسناد HTML
وقتی که شیت اینترنت شما بارگذاری میشود، مرورگر یک سبک شی گرا از برگه را می سازد. درباره ی لهجه HTML این سبک به طور درختی از شی ءها مختلف ساخته میشود. به تصویر زیر نگاه فرمایید:
درخت HTML (به عبارتی DOM)
درخت HTML (به عبارتی DOM)
مطابق همین درخت، جاوا اسکریپت میتواند به گونه های موادتشکیل دهنده HTML دسترسی پیدا نماید:
جاوا اسکریپت میتواند تک تک عناصر HTML در یک برگه را تغییر دهد.
جاوا اسکریپت میتواند کل attribute های ارکان HTML را تغییر و تحول دهد.
جاوا اسکریپت میتواند مجموع امرها CSS صفحه را تغییرو تحول دهد.
جاوا اسکریپت قادر است تک تک attribute ها و عنصرها متعدد HTML را حذف نماید.
جاوا اسکریپت قادر است موادتشکیل دهنده نو HTML را در کاغذ تولید نماید.
جاوا اسکریپت می تواند نسبت به رویدادهای (event) ورقه عکس العمل آرم دهد و شغل های مختلفی را اجرا دهد.
جاوا اسکریپت قادر است رویدادهای (event) مختلفی را در صفحه ایجاد کرد نماید.
این ها کارهایی میباشند که DOM و جاوا اسکریپت میتوانند ایفا دهند و ما میخواهیم کار با آنهارا خاطر بگیریم.
DOM مخفف Document Object Model است. این یک رابط اپ نویسی میباشد که به ما قابلیت و امکان تولید، تغییر یا این که حذف عناصر از سند را می دهد. هم اینگونه خواهیم توانست رویدادهایی را بهاین موادتشکیل دهنده اضافه کنیم تا کاغذ خویش را پویاتر کنیم.
DOM یک رابط نرم افزار نویسی برای ورقه ها اینترنت میباشد. DOM گواهی را به طور گره ها و اشیاء آرم میدهد. به این ترتیب، لهجه های نرمافزار نویسی می توانند با کاغذ تعامل داشته باشند. صفحه اینترنت سندی می باشد که میتواند در پنجره مرورگر یا این که تحت عنوان HTML اکران داده گردد. در هر دو مورد، مدرک یکسان میباشد، اما DOM اذن میدهد تا آن را ویرایش نمایید. به عنوان مثال، DOM مشخص و معلوم می نماید که روال querySelectorAll در این قطعه کد می بایست فهرستی از تک تک المنت های
در document را برگرداند:
const paragraphs = document.querySelectorAll(\\\\\"p\\\\\");
// paragraphs[0] is the first
element
// paragraphs[1] is the second
element, etc.
alert(paragraphs[0].nodeName);
مجموع
خصوصیات، متدها و رویدادهای مو جود برای ویرایش و ساخت صفحات اینترنت در اشیا رئیس می گردند. برای مثال، شی document که مدرک را آرم میدهد، هر شی table که رابط HTMLTableElement DOM را برای دسترسی به جداول HTML پیادهسازی مینماید، و … همگی شی میباشند.
DOM با استفاده از یکسری API که با هم فعالیت می نمایند، ایجاد شده است. هسته DOM موجودیت هایی را که هر سند و اشیاء داخل آن را تعریف می نمایند، تمجید می نماید. این در شکل نیاز بوسیله بقیه APIها که خصوصیات و امکان های جدیدی را به DOM اضافه می نمایند، گسترش می یابد. از جمله، HTML DOM API پشتیبانی از اکران سندها HTML را به DOM اصلی اضافه می نماید و API SVG امان برای ارائه ورقه ها SVG را اضافه می نماید.
DOM یک document را با یک درخت منطقی نشان میدهد. هر شاخه از درخت به یک گره ختم میگردد و هر گره دربردارنده شی ءها میباشد. متدهای DOM امکان دسترسی نرمافزار به درخت را میدهند. با آنها میتوانید ساختار، استایل یا این که محتوای document را تغییر دهید.گره ها هم اینگونه میتوانند در دست گرفتن کننده های اتفاق افتاد را به گره ها متصل نمایند. وقتی که یک وقوع افتاد فعالسازی میگردد، کنترل کننده های حادثه انجام می شوند.
استانداردسازی اساسی DOM بوسیله کنسرسیوم اینترنت جهانی W3C ایفا شد، که واپسین ورژن اش را در سال 2004 ارائه کرد. WHATWG بسط استاندارد را بر عهده گرفت و آن را تحت عنوان یک گواهی زنده منتشر کرد. W3C موقتا عکس های فوری پایداری از استاندارد WHATWG منتشر می نماید.
پیاده سازی متن تبلیغاتی جالب