سندHTML DOM يك شئ است .اين شئ مالك تمام اشياء ديگر در صفحه وب است .
شئ سند نشان دهنده صفحه وب شماست .اگر ميخواهيد به به هر عنصري در صفحه دسترسي داشته باشيد ، ابتدا بايد به شئ سند دسترسي پيدا كنيد.
در زير جند نمونه از نحوه استفاده ازشئ سندHTML براي دسترسي ودستكاري آورده شده است
| متد | شــرح متد |
|---|---|
| document.getElementById(id) | عنصري از سند را با شناسه مشخص پيدا ميكند |
| getElementByTagName(name) | عناصري را با نام تگ آنها پيدا ميكند. |
| getElementByClassName(name) | عناصري را بانام كلاسشان پيدا ميكند. |
| ويژگي | شــرح |
|---|---|
| element.innerHTML=new html/content | محتوي يك عنصر را تغيير ميدهد. |
| element.attribute=new value | ويژگي شئ را تغيير ميدهد. |
| element.style.property=new style | تغيير در ويژگي استايل عنصر |
| متد | شــرح |
| element.setAttribute(attribute,value) | اين متد مقدار ويژگي را تنظيم ميكند. |
| متد | شــرح |
|---|---|
| document.createElement(element) | يك عنصرHTML ايجاد ميكند . |
| document.removeChild(element) | يك عنصرازHTML حذف ميكند . |
| document.appendChild(element) | يك عنصرHTML اضافه ميكند . |
| document.replaceChild(new,old) | يك عنصرHTML راجانشين عنصر ديگري ميكند . |
| document.write(text) | متني را درمسير خروجيHTML مينويسد |
| متد | شــرح |
|---|---|
| document.getElementById(id).onclick = function(){code} | روتين براي رويدادonclick اضافه ميكند . |
اولينHTML DOM سطح(1998) 1 يازده شئ HTML ،با خصوصيات را معرفي كرد
اينها هنوز درHTML 5 معتبر هستند .
بعدا درHTML DOM Level 3 اشياء، مجموعه هاو ويژگي هاي بيشتري اضافه گرديد .
| ويژگي | شــرح | DOM |
|---|---|---|
| document.anchors | همه عناصر <a>كه داراي ويژگي نامند برگشت ميدهد . | 1 |
| document.applets | منسوخ شده | 1 |
| document.baseURL | آدرس مطلق پايهURL سند را برگشت ميدهد . | 3 |
| document.body | عنصر<body> سند را برگشت ميدهد . | 1 |
| document.cooki | كوكي ا سناد را برگشت ميدهد. | 1 |
| document.doctype | نوع اسناد را برگشت ميدهد. | 3 |
| document.documentElement | عنصر<html> را برگشت ميدهد. | 3 |
| document.documentMode | مد استفاده شده بوسيله مرورگر را برگشت ميدهد. | 3 |
| document.documentURL | URLسند را برگشت ميدهد . | 3 |
| document.domain | نام دامنه سرور سند را برگشت ميدهد. | 1 |
| document.domConfig | منسوخ شده | 3 |
| document.embeds | همه عناصر<embed> را برگشت ميدهد . | 3 |
| document.forms | همه عناصر<form> را برگشت ميدهد . | 1 |
| document.head | همه عناصر<head> رابرگشت ميدهد . | 3 |
| document.images | همه عناصر<img> را برگشت ميدهد . | 1 |
| document.implementation | DOM implementationرابرگشت ميدهد . | 3 |
| document.inputEncoding | رمزگذاري سند(charset) رابرگشت ميدهد . | 3 |
| document.lastModified | تاريخ وزمان ابديت سند را برگشت ميدهد. | 3 |
| document.links | همه تگ هاي<a> , <area> را كه ويژگي herfدارند برگشت ميدهد. | 1 |
| document.readyState | وضعيت بارگيري سند را برگشت ميدهد. | 3 |
| document.referrer | URIارجاع دهنده سند رابرگشت ميدهد . | 1 |
| document.scripts | همه عناصر<script> را برگشت ميدهد . | 3 |
| document.stricterrorChecking | منسوخ شده | 3 |
| document.title | عنصر<title> رابرگشت ميدهد . | 1 |
| document.URL | URLكامل سند رابرگشت ميدهد . | 1 |