Objek HTML DOM
HTML DOM Nod
Dalam HTML DOM (Document Object Model), setiap elemen ialah Nod:
-
Dokumen ialah dokumen.
Semua elemen HTML ialah nod elemen.
Semua atribut HTML ialah nod atribut.
Teks yang dimasukkan ke dalam elemen HTML ialah nod teks. ialah nod teks.
Komen ialah nod ulasan.
Objek dokumen
Apabila penyemak imbas memuatkan dokumen HTML, ia menjadi objek dokumen.
Objek dokumen ialah nod akar dokumen HTML dan semua nod lain (nod elemen, nod teks, nod atribut, nod ulasan).
Objek Dokumen membenarkan kami mengakses semua elemen dalam halaman HTML daripada skrip.
Petua: Objek Dokumen adalah sebahagian daripada objek Window dan boleh diakses melalui window.document property.
Sokongan Penyemak Imbas
Semua pelayar utama menyokong objek Dokumen.
Sifat dan kaedah objek dokumen
Sifat dan kaedah di atas boleh digunakan dalam dokumen HTML:
| Sifat/Kaedah | Penerangan |
|---|---|
| document.activeElement | Mengembalikan elemen yang sedang difokuskan |
| document.addEventListener() | Tambah pemegang pada dokumen |
| document.adoptNode(nod) | Daripada Dokumen lain mengembalikan nod yang disesuaikan kepada dokumen semasa. |
| document.anchors | Mengembalikan rujukan kepada semua objek Anchor dalam dokumen. |
| document.applets | Mengembalikan rujukan kepada semua objek Applet dalam dokumen. |
| document.baseURI | Mengembalikan URI asas mutlak dokumen |
| document.body | Mengembalikan dokumen Elemen badan |
| document.close() | menutup aliran output yang dibuka dengan kaedah document.open() dan memaparkan data yang dipilih. |
| document.cookie | Tetapkan atau kembalikan semua kuki yang berkaitan dengan dokumen semasa. |
| document.createAttribute() | Buat nod atribut |
| document.createComment() | Kaedah createComment() mencipta nod komen. |
| document.createDocumentFragment() | Mencipta objek DocumentFragment kosong dan mengembalikan objek ini. |
| document.createElement() | Buat nod elemen. |
| document.createTextNode() | Buat nod teks. |
| document.doctype | Mengembalikan pengisytiharan jenis dokumen (DTD) yang dikaitkan dengan dokumen. |
| document.documentElement | Mengembalikan nod punca dokumen |
| document.documentMode | Mengembalikan nod akar untuk Mod untuk memaparkan dokumen melalui penyemak imbas |
| document.documentURI | Menetapkan atau mengembalikan lokasi dokumen |
| document.domain | Mengembalikan nama domain dokumen semasa. |
| document.domConfig | Mengembalikan konfigurasi yang digunakan apabila normalizeDocument() dipanggil |
| document.embeds | Mengembalikan koleksi semua kandungan terbenam (benam) dalam dokumen |
| document.forms | Mengembalikan rujukan kepada semua objek Borang dalam dokumen. |
| document.getElementsByClassName() | Mengembalikan koleksi semua elemen dengan nama kelas yang ditentukan dalam dokumen sebagai objek NodeList. |
| document.getElementById() | Mengembalikan rujukan kepada objek pertama dengan id yang ditentukan. |
| document.getElementsByName() | Mengembalikan koleksi objek dengan nama yang ditentukan. |
| document.getElementsByTagName() | Mengembalikan koleksi objek dengan nama teg yang ditentukan. |
| document.images | Mengembalikan rujukan kepada semua objek Imej dalam dokumen. |
| document.implementation | Mengembalikan objek DOMImplementation yang mengendalikan dokumen ini. |
| document.importNode() | Salin nod daripada dokumen lain ke dokumen ini untuk permohonan. |
| document.inputEncoding | Mengembalikan pengekodan yang digunakan untuk dokumen (semasa menghuraikan). |
| document.lastModified | Mengembalikan tarikh dan masa dokumen terakhir diubah suai. |
| document.links | Mengembalikan rujukan kepada semua objek Kawasan dan Pautan dalam dokumen. |
| document.normalize() | Alih keluar nod teks kosong dan sambungkan nod bersebelahan |
| document.normalizeDocument() | Alih keluar nod teks kosong dan sambungkan nod bersebelahan' |
| document.open() | Membuka strim untuk mengumpulkan daripada mana-mana dokumen () atau kaedah document.writeln(). |
| document.querySelector() | Mengembalikan elemen pertama dalam dokumen yang sepadan dengan pemilih CSS yang ditentukan |
| dokumen. querySelectorAll() | document.querySelectorAll() ialah kaedah baharu yang diperkenalkan dalam HTML5, yang mengembalikan senarai semua nod elemen yang sepadan dengan pemilih CSS dalam dokumen |
| document.readyState | Mengembalikan status dokumen (memuatkan...) |
| document.referrer | Mengembalikan URL dokumen yang memuatkan dokumen semasa . |
| document.removeEventListener() | Alih keluar pengendali acara dalam dokumen (ditambah dengan kaedah addEventListener()) |
| document.renameNode() | Namakan semula elemen atau nod atribut. |
| document.scripts | Mengembalikan koleksi semua skrip dalam halaman. |
| document.strictErrorChecking | Tetapkan atau kembalikan sama ada hendak memaksa semakan ralat. |
| document.title | Mengembalikan tajuk dokumen semasa. |
| document.URL | Mengembalikan URL lengkap dokumen |
| document.write() | kepada Dokumen ditulis sebagai ungkapan HTML atau kod JavaScript. |
| document.writeln() | Sama dengan kaedah write(), kecuali aksara baris baharu ditulis selepas setiap ungkapan. |
AMARAN !!!
Dalam Teras DOM W3C, Objek Dokumen Mewarisi semua sifat dan kaedah objek nod.
Banyak sifat dan kaedah tidak masuk akal dalam dokumentasi.
Objek dokumen HTML boleh mengelak daripada menggunakan objek dan atribut nod ini:
| Atribut/kaedah | Sebab untuk dielakkan |
|---|
| 属性 / 方法 | 避免的原因 |
|---|---|
| document.attributes | 文档没有该属性 |
| document.hasAttributes() | 文档没有该属性 |
| document.nextSibling | 文档没有下一节点 |
| document.nodeName | 这个通常是 #document |
| document.nodeType | 这个通常是 9(DOCUMENT_NODE) |
| document.nodeValue | 文档没有一个节点值 |
| document.ownerDocument | 文档没有主文档 |
| document.ownerElement | 文档没有自己的节点 |
| document.parentNode | 文档没有父节点 |
| document.previousSibling | 文档没有兄弟节点 |
| document.textContent | 文档没有文本节点 |
