JavaScript DOM dokumentum

Tartalomjegyzék

Tartalomjegyzék megjelenítése

A HTML DOM dokumentumobjektum a weboldalon található összes többi objektum tulajdonosa.

A HTML DOM dokumentumobjektum

A dokumentumobjektum az Ön weboldalát képviseli.

Ha egy HTML-oldal bármely eleméhez szeretne hozzáférni, akkor mindig a dokumentum objektum.

Az alábbiakban néhány példa látható arra, hogyan használhatja a dokumentumobjektumot a és manipulálni a HTML-t.

HTML elemek keresése

document.getElementById(id): Keressen egy elemet elemazonosító alapján
document.getElementsByTagName(name): Keressen elemeket címkenév alapján
document.getElementsByClassName(name): Elemek keresése osztálynév alapján

HTML elemek megváltoztatása

element.innerHTML = new html content: Módosítsa egy elem belső HTML-kódját
element.attribute = new value: Módosítsa egy HTML-elem attribútumértékét
element.style.property = new style: Módosítsa egy HTML-elem stílusát

element.setAttribute(attribute, value): Módosítsa egy HTML-elem attribútumértékét

Elemek hozzáadása és törlése

document.createElement(element): Hozzon létre egy HTML elemet
document.removeChild(element): Távolítson el egy HTML-elemet
document.appendChild(element): Adjon hozzá egy HTML-elemet
document.replaceChild(new, old): Cseréljen ki egy HTML elemet
document.write(text): Írjon a HTML kimeneti adatfolyamba

Eseménykezelők hozzáadása

document.getElementById(id).onclick = function(){code}: Eseménykezelő kód hozzáadása egy onclick eseményhez

HTML objektumok keresése

Az első HTML DOM Level 1 (1998) 11 HTML objektumot, objektumgyűjteményt és tulajdonságot határozott meg. Ezek továbbra is érvényesek a HTML5-ben.

Később, a HTML DOM 3. szintjén további objektumok, gyűjtemények és tulajdonságok kerültek hozzáadásra.

document.anchors: Visszaadja az összes <a> elemet, amely rendelkezik név attribútummal. 1. szint
document.applets: Elavult. 1. szint
document.baseURI: A dokumentum abszolút alap URI-ját adja vissza. Szint: 3
document.body: A <body> elemet adja vissza. 1. szint
document.cookie: Visszaadja a dokumentum cookie-ját. 1. szint
document.doctype: Visszaadja a dokumentum doctype-ját. Szint: 3
document.documentElement: A <html> elemet adja vissza. Szint: 3
document.documentMode: A böngésző által használt módot adja vissza. Szint: 3
document.documentURI: A dokumentum URI-jét adja vissza. Szint: 3
document.domain: A dokumentumszerver tartománynevét adja vissza. 1. szint
document.domConfig: Elavult.. Szint: 3
document.embeds: Az összes <embed> elemet visszaadja. Szint: 3
document.forms: Visszaadja az összes <form> elemet. 1. szint
document.head: A <head> elemet adja vissza. Szint: 3
document.images: Az összes <img> elemet visszaadja. 1. szint
document.implementation: A DOM implementációt adja vissza. Szint: 3
document.inputEncoding: Visszaadja a dokumentum kódolását (karakterkészlet). Szint: 3
document.lastModified: A dokumentum frissítésének dátumát és időpontját adja vissza. Szint: 3
document.links: Visszaadja az összes <area> és <a> elemet, amely rendelkezik href attribútummal. 1. szint
document.readyState: Visszaadja a dokumentum (betöltési) állapotát. Szint: 3
document.referrer: A hivatkozó (a hivatkozási dokumentum) URI-jét adja vissza. 1. szint
document.scripts: Visszaadja az összes <script> elemet. Szint: 3
document.strictErrorChecking: Visszatér, ha a hibaellenőrzés kényszerítve van. Szint: 3
document.title: A <title> elemet adja vissza. 1. szint
document.URL: A dokumentum teljes URL-jét adja vissza. 1. szint