ورود به کارتابل مشتریان وب مهراز
اسناد HTML DOM در JavaScript
یادگیری JavaScript
تعداد بازدید :
2336
تاریخ و ساعت انتشار :
پنج شنبه 18 مرداد 1397 08:17
شیء سند HTML DOM مالک تمام اشیاء دیگر در صفحه وب شما است.
اشیای سند HTML DOM
شیء سند نشان دهنده صفحه وب شما است.
اگر می خواهید برای دسترسی به هر عنصر در یک صفحه HTML، همیشه با دسترسی به شیء سند شروع می شود.
در زیر چند نمونه از چگونگی استفاده از شیء سند برای دستیابی به HTML و دستکاری آنها را خواهید آموخت.
پیدا کردن عناصر HTML
متد
شرح
document.getElementById(id)
یک عنصر را با شناسه عنصر پیدا کنید
document.getElementsByTagName(name)
عناصر را با نام برچسب پیدا کنید
document.getElementsByClassName(name)
عناصر را براساس نام کلاس پیدا کنید
تغییر عناصر HTML
متد
شرح
element.innerHTML = new html content
HTML داخلی عنصر را تغییر دهید
element.attribute = new value
مقدار ویژگی یک عنصر HTML را تغییر دهید
element.setAttribute(attribute, value)
مقدار ویژگی یک عنصر HTML را تغییر دهید
element.style.property = new style
سبک یک عنصر HTML را تغییر دهید
اضافه کردن و حذف عناصر
متد
شرح
document.createElement(element)
یک عنصر HTML ایجاد کنید
document.removeChild(element)
یک عنصر HTML را حذف کنید
document.appendChild(element)
عنصر HTML را اضافه کنید
document.replaceChild(element)
یک عنصر HTML را جایگزین کنید
document.write(text)
نوشتن به جریان خروجی HTML
اضافه کردن رویدادها
متد
شرح
document.getElementById(id).onclick = function(){code}
اضافه کردن کد رویداد پردازنده به یک رویداد onclick
پیدا کردن اشیاء HTML
ابتدا HTML DOM Level 1 (1998)، اشیاء HTML، مجموعه اشیاء و خواص را تعریف کرد. اینها هنوز در HTML5 معتبر هستند.
بعدها، در سطح HTML 3 DOM، بیشتر اشیاء، مجموعه ها و خواص اضافه شد.
ویژگی
شرح
DOM
document.anchors
تمام عناصر <a> که دارائی نام دارند، برمیگیرداند
1
document.applets
تمام عناصر <applet> را برمی گرداند (حذف شده در HTML5)
1
document.baseURI
URI پایه مطلق سند را برمی گرداند
3
document.body
عنصر <body> را باز می گرداند
1
document.cookie
کوکی سند را بازمیگرداند
1
document.doctype
متن doctype سند را باز می گرداند
3
document.documentElement
عنصر <html> را باز می گرداند
3
document.documentMode
حالت استفاده شده توسط مرورگر را برمی گرداند
3
document.documentURI
URI سند را باز می گرداند
3
document.domain
نام دامنه سرور سند را برمیگرداند
1
document.domConfig
منسوخ شده پیکربندی DOM را بازگرداند
3
document.embeds
تمام عناصر <embed> را باز می گرداند
3
document.forms
تمام عناصر <form> را باز می گرداند
1
document.head
عنصر <head> را باز می گرداند
3
document.images
تمام عناصر <img> را باز می گرداند
1
document.implementation
پیاده سازی DOM را بازمی گرداند
3
document.inputEncoding
رمزگذاری سند را برمی گرداند (مجموعه کاراکتر)
3
document.lastModified
تاریخ و زمان سند را به روز می کند
3
document.links
بازگشت به <area> و <a> عناصر دارای صفت href هستند
1
document.readyState
وضعیت (بارگیری) سند را برمی گرداند
3
document.referrer
URI رجیستر (سند پیوند) را باز می گرداند
1
document.scripts
تمام عناصر <script> را باز می گرداند
3
document.strictErrorChecking
اگر بررسی خطا اعمال شود باز میگردد
3
document.title
عنصر <title> را باز می گرداند
1
document.URL
URL کامل سند را برمی گرداند
1
نظر شما
>