JavaScript DOM dokument

Obsah

    Zobrazit obsah

Objekt dokumentu HTML DOM je vlastníkem všech ostatních objektů na vaší webové stránce.

Objekt dokumentu HTML DOM

Objekt dokumentu představuje vaši webovou stránku.

Pokud chcete získat přístup k libovolnému prvku na stránce HTML, vždy začněte přístupem k objekt dokumentu.

Níže je uvedeno několik příkladů, jak můžete použít objekt dokumentu pro přístup a manipulovat s HTML.

Hledání prvků HTML

document.getElementById(id)

Najděte prvek podle ID prvku

document.getElementsByTagName(name)

Najděte prvky podle názvu značky

document.getElementsByClassName(name)

Najděte prvky podle názvu třídy

Změna prvků HTML

element.innerHTML =  new html content

Změňte vnitřní HTML prvku

element.attribute = new value

Změňte hodnotu atributu prvku HTML

element.style.property = new style

Změňte styl prvku HTML

element.setAttribute(attribute, value)

Změňte hodnotu atributu prvku HTML

Přidávání a odstraňování prvků

document.createElement(element)

Vytvořte prvek HTML

document.removeChild(element)

Odstraňte prvek HTML

document.appendChild(element)

Přidejte prvek HTML

document.replaceChild(new, old)

Nahraďte prvek HTML

document.write(text)

Zapište do výstupního proudu HTML

Přidávání obslužných programů událostí

document.getElementById(id).onclick = function(){code}

Přidání kódu obsluhy události do události onclick

Hledání HTML objektů

První HTML DOM Level 1 (1998) definovalo 11 HTML objektů, kolekce objektů a vlastnosti. Ty jsou stále platné v HTML5.

Později, v HTML DOM Level 3, byly přidány další objekty, kolekce a vlastnosti.

document.anchors

Vrátí všechny prvky <a>, které mají atribut name. Úroveň 1

document.applets

Zastaralé. Úroveň 1

document.baseURI

Vrátí absolutní základní URI dokumentu. Úroveň: 3

document.body

Vrátí prvek <body>. Úroveň 1

document.cookie

Vrátí soubor cookie dokumentu. Úroveň 1

document.doctype

Vrátí doctype dokumentu. Úroveň: 3

document.documentElement

Vrátí prvek <html>. Úroveň: 3

document.documentMode

Vrátí režim používaný prohlížečem. Úroveň: 3

document.documentURI

Vrátí URI dokumentu. Úroveň: 3

document.domain

Vrátí název domény dokumentového serveru. Úroveň 1

document.domConfig

Zastaralé.. Úroveň: 3

document.embeds

Vrátí všechny prvky <embed>. Úroveň: 3

document.forms

Vrátí všechny prvky <form>. Úroveň 1

document.head

Vrátí prvek <head>. Úroveň: 3

document.images

Vrátí všechny prvky <img>. Úroveň 1

document.implementation

Vrátí implementaci DOM. Úroveň: 3

document.inputEncoding

Vrátí kódování dokumentu (znakovou sadu). Úroveň: 3

document.lastModified

Vrátí datum a čas, kdy byl dokument aktualizován. Úroveň: 3

document.links

Vrátí všechny prvky <area> a <a>, které mají atribut href. Úroveň 1

document.readyState

Vrátí stav (načítání) dokumentu. Úroveň: 3

document.referrer

Vrátí URI referreru (propojovacího dokumentu). Úroveň 1

document.scripts

Vrátí všechny prvky <script>. Úroveň: 3

document.strictErrorChecking

Vrátí se, pokud je vynucena kontrola chyb. Úroveň: 3

document.title

Vrátí prvek <title>. Úroveň 1

document.URL

Vrátí úplnou adresu URL dokumentu. Úroveň 1