سلام به شما دوستای خوبم ، امیدوارم که حال شماهمیشهخوب باشه و شادوس سلامت باشین، با اموزش امروزماکه درمورد JavaScript HTML DOM Document میباشد.همراه بمانید.
در مدل شی گرای سند HTML (HTML DOM)، صفحه ی وب (web page) در واقع همان document object (شی) است.
HTML DOM Document
Document object نشانگر صفحه ی وب شما است.
Document object، مالک تمامی دیگر اشیا موجود در صفحه ی وب است.
اگر می خواهید به اشیا موجود در صفحه ی HTML دسترسی داشته باشید، اول باید به شی document دست پیدا کنید.
زیر مثال هایی از چگونگی استفاده از شی document برای دسترسی و مدیریت المان های HTML، ارائه شده.
پیدا کردن عناصر HTML
تابع
شرح
document.getElementById()
پیدا کردن و دسترسی به المان توسط شناسه ی المان مربوطه
document.getElementsByTagName()
پیدا کردن و بازیابی المان مورد نظر با استفاده از اسم تگ (tag name)
document.getElementsByClassName()
دسترسی به المان به وسیله ی اسم کلاس
اصلاح المان های HTML
متد
شرح
element.innerHTML=
Inner HTML یک المان را تغییر می دهد
element.attribute=
خصیصه ی (attribute) المان HTML را تغییر می دهد
element.setAttribute(attribute,value)
خصیصه ی (attribute) المان HTML را تغییر می دهد
element.style.property=
Style یک المان HTML را اصلاح می کند
حذف و اضافه ی المان های HTML
تابع
شرح
document.createElement()
یک المان جدید (HTML) ایجاد می کند.
document.removeChild()
یک المان را حذف می کند.
document.appendChild()
یک المان جدید اضافه می کند.
document.replaceChild()
یک المان را جایگزین می کند.
document.write(text)
نوشته داخل خروجی (output stream) HTML می نویسد به عبارتی دیگر به وسیله ی این متد می توان بطور مستقیم، خروجی HTML چاپ کرد.
افزودن event handler
متد
شرح
document.getElementById(id).onclick=function(){code}
Adding event handler code to an onclick event
کد event handler را به رویداد onclick اضافه می کند.
پیدا کردن و دسترسی به اشیا HTML
اولین نسخه ی HTML DOM که در سال ۱۹۹۸ ارائه شد، در واقع ۱۱ شی HTML، آرایه ای از اشیا (مجموعه اشیا)، خواص را تعریف کرد که هنوز در آخرین ویرایش HTML کاربرد داشته و توسط آن پشتیبانی می شود. سپس در HTML DOM 3، شاهد اضافه شدن اشیا (مجموعه اشیا) و خواص جدیدتری بودیم که برخی از این متدها در جدول زیر برای شما فهرست شده اند:
خاصیت
شرح
DOM
document.anchors
کلیه ی المان های که دارای خصیصه ی name هستند را بازیابی می کند.
۱
document.applets
این خاصیت، یک مجموعه یا آرایه ای از تمام عناصر را که در صفحه قرار دارند، برمی گرداند.
۱
document.baseURI
URI پایه و مطلق یک صفحه را برمی گرداند.
۳
document.body
تگ را بازگردانی می نماید.
۱
document.cookie
تمام نام و مقدار cookieها را در سند برمی گرداند.
۱
document.doctype
Doctype سند را بازیابی می نماید.
۳
document.documentElement
عنصر را بازگردانی می کند.
۳
document.documentMode
مقداری را برمی گرداند که مد بکار گرفته توسط کاربر را مشخص می کند.
۳
document.documentURI
Returns the URI of the document
URI (شناسانهٔ یکنواخت منبع( سند را برمی گرداند.
۳
document.domain
Domain name (اسم دامنه ی) سرور را بازمی گرداند.
۱
document.domConfig
منسوخ. پیکربندی DOM سند را برمی گرداند.
۳
document.embeds
کلیه ی تگ ها (عناصر) را بازیابی می کند.
۳
document.forms
تمامی المان های