آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش JavaScript HTML DOM Document

دوره های مرتبط با این مقاله

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
پیدا کردن و بازیابی المان مورد نظر با استفاده از اسم تگ (tag name)
()document.getElementsByTagName
دسترسی به المان به وسیله ی اسم کلاس
()document.getElementsByClassName

اصلاح المان های HTML

شرح
متد
Inner HTML یک المان را تغییر می دهد
element.innerHTML=
خصیصه ی (attribute) المان HTML را تغییر می دهد
element.attribute=
خصیصه ی (attribute) المان HTML را تغییر می دهد
element.setAttribute(attribute,value)
Style یک المان HTML را اصلاح می کند
element.style.property=

حذف و اضافه ی المان های HTML

شرح
تابع
یک المان جدید (HTML) ایجاد می کند.
()document.createElement
یک المان را حذف می کند.
()document.removeChild
یک المان جدید اضافه می کند.
()document.appendChild
یک المان را جایگزین می کند.
()document.replaceChild
نوشته داخل خروجی (output stream) HTML می نویسد به عبارتی دیگر به وسیله ی این متد می توان بطور مستقیم، خروجی HTML چاپ کرد.
document.write(text)

افزودن event handler

شرح
متد
کد event handler را به رویداد onclick اضافه می کند.
document.getElementById(id).onclick=function(){code}

پیدا کردن و دسترسی به اشیا HTML

اولین نسخه ی HTML DOM که در سال 1998 ارائه شد، در واقع 11 شی HTML، آرایه ای از اشیا (مجموعه اشیا)، خواص را تعریف کرد که هنوز در آخرین ویرایش HTML کاربرد داشته و توسط آن پشتیبانی می شود. سپس در HTML DOM 3، شاهد اضافه شدن اشیا (مجموعه اشیا) و خواص جدیدتری بودیم که برخی از این متدها در جدول زیر برای شما فهرست شده اند:

DOM
شرح
خاصیت
1
کلیه ی المان های <a> که دارای خصیصه ی name هستند را بازیابی می کند.
document.anchors
1
این خاصیت، یک مجموعه یا آرایه ای از تمام عناصر <applet> را که در صفحه قرار دارند، برمی گرداند.
document.applets
3
URI پایه و مطلق یک صفحه را برمی گرداند.
document.baseURI
1
تگ <body>را بازگردانی می نماید.
document.body
1
تمام نام و مقدار cookieها را در سند برمی گرداند.
document.cookie
3
Doctype سند را بازیابی می نماید.
document.doctype
3
عنصر<html>را بازگردانی می کند.
document.documentElement
3
مقداری را برمی گرداند که مد بکار گرفته توسط کاربر را مشخص می کند.
document.documentMode
3
URI (شناسانهٔ یکنواخت منبع( سند را برمی گرداند.
document.documentURI
1
Domain name (اسم دامنه ی) سرور را بازمی گرداند.
document.domain
3
منسوخ. پیکربندی DOM سند را برمی گرداند.
document.domConfig
3
کلیه ی تگ ها (عناصر) <embed> را بازیابی می کند.
document.embeds
1
تمامی المان های <form> را برمی گرداند.
document.forms
3
<head>را بازگردانی می نماید.
document.head
1
تمامی المان های <img> را برمی گرداند.
document.images
3
پیاده سازی DOM را بازمی گرداند / شی DOMImplementation که این سند را بکار می برد، برمی گرداند.
document.implementation
3
مجموعه کاراکترهای کدگذاری شده (encoding) سند را برمی گرداند.
document.inputEncoding
3
زمان و تاریخ آخرین بروز رسانی سند را بازگردانی می نماید.
document.lastModified
1
تمامی المان های <area> و <a> که دارای خصیصه ی href هستند را برمی گرداند.
document.links
3
وضعیت یا status (بارگذاری) سند را بازگردانی می نماید.
document.readyState
1
URI سند ارجاع دهنده (linking document) را برمی گرداند/ url صفحه ای که سند جاری را بارگذاری کرده است، بازمی گرداند.
document.referrer
3
تمامی المان یا تگ های<script>را بازگردانی می نماید.
document.scripts
1
عنصر <title> را بازیابی می کند.
document.title
1
(نشانی وب) کامل سند جاری را بازمی گرداند.URL
document.URL
این خصوصیت، مشخص می کند که آیا error-checking اجرا شده است یا نه.
document.strictErrorChecking

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

  • 5652
  •    2124
  • تاریخ ارسال :   1394/08/15

دانلود PDF دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش JavaScript HTML DOM Document
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .