021-20483015

اسناد HTML DOM در JavaScript

شیء سند 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

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

یادگیری JavaScript

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط