JavaScript HTML DOM dokument

HTML DOM-dokumentobjektet er ejeren af alle andre objekter på din webside.

HTML DOM Document-objekt

Dokumentobjektet repræsenterer din webside.

Hvis du vil få adgang til ethvert element på HTML-siden, starter du altid med at få adgang til document-objektet.

Her er nogle eksempler på, hvordan man bruger document-objektet til at få adgang til og operere HTML.

søg efter HTML-element

Method Description
document.getElementById(id) find elementer gennem elementets id
document.getElementsByTagName(navn) find elementer gennem tagnavn
document.getElementsByClassName(navn) find elementer gennem klassenavn

ændre HTML-element

Method Description
element.innerHTML = ny HTML-indhold ændre elementets inner HTML
element.attribute = new value Change the attribute value of HTML elements
element.setAttribute(attribute, value) Change the attribute value of HTML elements
element.style.property = new style Change the style of HTML elements

Add and delete elements

Method Description
document.createElement(element) Create HTML elements
document.removeChild(element) Delete HTML elements
document.appendChild(element) Add HTML elements
document.replaceChild(element) Replace HTML elements
document.write(text) Write to the HTML output stream

Add an event handler

Method Description
document.getElementById(id).onclick = function(){code} Add an event handler to the onclick event

Find HTML objects

First HTML DOM Level 1 (1998) defined 11 HTML objects, object collections, and properties. They are still valid in HTML5.

Later, in HTML DOM Level 3, more objects, collections, and properties were added.

Properties Description DOM
document.anchors Return all <a> elements with the name attribute 1
document.applets Return all <applet> elements(Not recommended in HTML5) 1
document.baseURI Return the absolute base URI of the document 3
document.body Return the <body> element 1
document.cookie Return the cookie of the document 1
document.doctype Return the doctype of the document 3
document.documentElement Return the <html> element 3
document.documentMode Return the mode used by the browser 3
document.documentURI Return the URI of the document 3
document.domain Return the domain name of the document server 1
document.domConfig Deprecated.Return the DOM configuration 3
document.embeds Return all <embed> elements 3
document.forms Returnerer alle <form>-elementer 1
document.head Returnerer <head>-elementet 3
document.images Returnerer alle <img>-elementer 1
document.implementation Returnerer DOM-implementeringen 3
document.inputEncoding Returnerer dokumentets kodning (tegnsæt) 3
document.lastModified Returnerer datoen og klokkeslættet for dokumentets opdatering 3
document.links Returnerer alle <area> og <a>-elementer med href-egenskab 1
document.readyState Returnerer dokumentets (indlæsnings) tilstand 3
document.referrer Returnerer refereret URI (link-dokument) 1
document.scripts Returnerer alle <script>-elementer 3
document.strictErrorChecking Returnerer om fejlkontrol er tvunget 3
document.title Returnerer <title>-elementet 1
document.URL Returnerer den fulde URL til dokumentet 1