TEST:dom

Jump to: navigation, search

DOM

This article is Not Ready.


Summary

The Document Object Model (DOM) is an application programming interface (API) for markup documents, like HTML, SVG, MathML, and XML. The DOM provides a logically structured representation of a document, and a set of Objects and Methods for manipulating that structure.



Merge Candidate: This page is a candidate for merge with the following pages: dom




Deletion Candidate: As per 2014-07-18 meeting, remove TEST namespace or move to an external wiki



The Document Object Model (DOM) is an application programming interface (API) for markup documents, like HTML, SVG, MathML, and XML. The DOM provides a logically structured representation of a document, and a set of Objects and Methods for manipulating that structure.

Explore our DOM docs

DOM learning material

Tutorials and concept articles to teach you DOM manipulation from scratch.

Language features

A reference guide to DOM fundamental concepts.


Objects

A reference guide to all the core DOM objects.


Events

A reference guide to the available core DOM events.



Methods

A reference guide to the methods available for DOM manipulation.


Note: If you are completely new to web development, you may want to review Web development for beginners.

Background

When a markup document is parsed by a browser, it converts the document in a tree structure called the document object model, or DOM. This model can then be used to access and manipulate existing elements in the document, and create new ones, an essential set of activities when creating dynamic page functionality.

  • First version: It was 1997 when browser vendors involved in the W3C decided to agree on a single standardised document object model, to make cross browser coding less of a nightmare.
  • Current stable version: DOM level 3 is the most stable version, the specification of which is split up into different parts, all of whom have made it to recommendation status. You can find a list of all DOM publications at [technical reports]
  • Current and future work: [level 4] is the current nascent version of the DOM being worked on.

Contributing to DOM development

The DOM is being worked on by the [applications working group]; visit their mailing lists for discussion, and contribution of ideas.


Index of all DOM topics

dom/AnimationEventdom/AnimationEvent/animationNamedom/AnimationEvent/elapsedTime
dom/AnimationEvent/pseudoElementdom/Attrdom/BeforeUnloadEvent
dom/BeforeUnloadEvent/returnValuedom/CSSFontFaceRuledom/CharacterData
dom/CharacterData/appendDatadom/CharacterData/datadom/CharacterData/deleteData
dom/CharacterData/insertDatadom/CharacterData/lengthdom/CharacterData/replaceData
dom/CharacterData/substringDatadom/ClipboardDatadom/CloseEvent
dom/CloseEvent/codedom/CloseEvent/reasondom/CloseEvent/wasClean
dom/Commentdom/CompositionEventdom/CompositionEvent/data
dom/CompositionEvent/localedom/CustomEventdom/CustomEvent/detail
dom/DOMErrordom/DOMError/messagedom/DOMError/name
dom/DOMExceptiondom/DOMException/messagedom/DOMSettableTokenList
dom/DOMTokenListdom/DOMTokenList/adddom/DOMTokenList/contains
dom/DOMTokenList/lengthdom/DOMTokenList/removedom/DOMTokenList/toggle
dom/DataTransferdom/DataTransfer/clearDatadom/DataTransfer/dropEffect
dom/DataTransfer/effectAlloweddom/DataTransfer/filesdom/DataTransfer/getData
dom/DataTransfer/itemsdom/DataTransfer/setDatadom/DataTransfer/setDragImage
dom/DataTransfer/typesdom/Documentdom/Document/activeElement
dom/Document/adoptNodedom/Document/bodydom/Document/characterSet
dom/Document/charsetdom/Document/closedom/Document/cookie
dom/Document/createAttributedom/Document/createAttributeNSdom/Document/createCDATASection
dom/Document/createCommentdom/Document/createDocumentFragmentdom/Document/createElement
dom/Document/createElementNSdom/Document/createEventdom/Document/createNodeIterator
dom/Document/createProcessingInstructiondom/Document/createRangedom/Document/createTextNode
dom/Document/createTreeWalkerdom/Document/defaultCharsetdom/Document/defaultView
dom/Document/designModedom/Document/doctypedom/Document/documentElement
dom/Document/elementFromPointdom/Document/exitFullscreendom/Document/forms
dom/Document/fullscreenElementdom/Document/fullscreenEnableddom/Document/getElementById
dom/Document/getElementsByClassNamedom/Document/getElementsByNamedom/Document/getElementsByTagName
dom/Document/getElementsByTagNameNSdom/Document/getNamedFlowsdom/Document/hasFocus
dom/Document/headdom/Document/hiddendom/Document/images
dom/Document/implementationdom/Document/importNodedom/Document/inputEncoding
dom/Document/lastModifieddom/Document/linkColordom/Document/links
dom/Document/opendom/Document/readyStatedom/Document/referrer
dom/Document/registerdom/Document/releaseCapturedom/Document/rowenter
dom/Document/rowexitdom/Document/rowsdeletedom/Document/rowsinserted
dom/Document/scriptsdom/Document/scrolldom/Document/select
dom/Document/selectionchangedom/Document/selectstartdom/Document/start
dom/Document/stopdom/Document/storagedom/Document/storagecommit
dom/Document/titledom/Document/visibilityStatedom/Document/visibilitychange
dom/Document/vlinkColordom/Document/writedom/Document/writeln
dom/Document/xmlEncodingdom/Document/xmlStandalonedom/Document/xmlVersion
dom/DocumentTypedom/DocumentType/namedom/DocumentType/publicId
dom/DocumentType/systemIddom/DomTokenList/itemdom/DragEvent
dom/DragEvent/dataTransferdom/DragEvent/dragdom/DragEvent/dragend
dom/DragEvent/dragenterdom/DragEvent/dragleavedom/DragEvent/dragover
dom/DragEvent/dragstartdom/DragEvent/dropdom/DragEvent/initDragEvent
dom/Elementdom/Element/RangeExceptiondom/Element/change
dom/Element/childElementCountdom/Element/childrendom/Element/classList
dom/Element/codedom/Element/createControlRangedom/Element/cuechange
dom/Element/durationchangedom/Element/emptieddom/Element/ended
dom/Element/entitiesdom/Element/errordom/Element/firstElementChild
dom/Element/getAdjacentTextdom/Element/getAttributedom/Element/getAttributeNS
dom/Element/getAttributeNodedom/Element/getAttributeNodeNSdom/Element/hasAttribute
dom/Element/hasAttributeNSdom/Element/hashchangedom/Element/help
dom/Element/htmlTextdom/Element/inRangedom/Element/input
dom/Element/insertAdjacentHTMLdom/Element/internalSubsetdom/Element/isEqual
dom/Element/isTextEditdom/Element/itemdom/Element/lastElementChild
dom/Element/layoutcompletedom/Element/loaddom/Element/loadeddata
dom/Element/loadedmetadatadom/Element/loadstartdom/Element/losecapture
dom/Element/mediadom/Element/messagedom/Element/move
dom/Element/moveenddom/Element/movestartdom/Element/nextElementSibling
dom/Element/notationsdom/Element/offlinedom/Element/oneTimeOnly
dom/Element/onerrordom/Element/onlinedom/Element/onload
dom/Element/onloadenddom/Element/onloadstartdom/Element/onprogress
dom/Element/ownerElementdom/Element/pagedom/Element/parent
dom/Element/parentElementdom/Element/parentTextEditdom/Element/paste
dom/Element/pausedom/Element/playdom/Element/playing
dom/Element/previousElementSiblingdom/Element/propertychangedom/Element/ratechange
dom/Element/readyStatedom/Element/readystatechangedom/Element/releasePointerCapture
dom/Element/removeAttributedom/Element/removeAttributeNSdom/Element/removeAttributeNode
dom/Element/requestFullscreendom/Element/requestPointerLockdom/Element/reset
dom/Element/resizedom/Element/resizeenddom/Element/resizestart
dom/Element/resultdom/Element/scrollByLinesdom/Element/scrollByPages
dom/Element/scrollIntoViewdom/Element/scrollIntoViewIfNeededdom/Element/seeked
dom/Element/seekingdom/Element/setAttributedom/Element/setAttributeNS
dom/Element/setAttributeNodedom/Element/setAttributeNodeNSdom/Element/setPointerCapture
dom/Element/sizedom/Element/stalleddom/Element/submit
dom/Element/suspenddom/Element/systemLanguagedom/Element/timeupdate
dom/Element/typedom/Element/unloaddom/Element/volumechange
dom/Element/waitingdom/Errordom/Error/colno
dom/Error/initErrorEventdom/Error/linenodom/Event
dom/Event/DOMContentLoadeddom/Event/afterprintdom/Event/afterupdate
dom/Event/beforeactivatedom/Event/beforecopydom/Event/beforecut
dom/Event/beforedeactivatedom/Event/beforeeditfocusdom/Event/beforepaste
dom/Event/beforeprintdom/Event/beforeunloaddom/Event/beforeupdate
dom/Event/bouncedom/Event/bubblesdom/Event/cancelable
dom/Event/cellchangedom/Event/changedom/Event/contextmenu
dom/Event/controlselectdom/Event/copydom/Event/currentTarget
dom/Event/cutdom/Event/dataavailabledom/Event/datasetchanged
dom/Event/datasetcompletedom/Event/deactivatedom/Event/defaultPrevented
dom/Event/errordom/Event/errorupdatedom/Event/eventPhase
dom/Event/filterchangedom/Event/finishdom/Event/initEvent
dom/Event/isTrusteddom/Event/preventDefaultdom/Event/stopImmediatePropagation
dom/Event/stopPropagationdom/Event/targetdom/Event/timeStamp
dom/Event/typedom/EventExceptiondom/EventTarget
dom/EventTarget/addEventListenerdom/EventTarget/dispatchEventdom/EventTarget/removeEventListener
dom/FocusEventdom/FocusEvent/blurdom/FocusEvent/focus
dom/FocusEvent/focusindom/FocusEvent/focusoutdom/FocusEvent/initFocusEvent
dom/FormDatadom/FormData/appenddom/HTMLAllCollection
dom/HTMLAnchorElementdom/HTMLAnchorElement/selectdom/HTMLAnchorElement/text
dom/HTMLAppletElementdom/HTMLAppletElement/objectdom/HTMLAreaElement
dom/HTMLAudioElementdom/HTMLBGSoundElementdom/HTMLBRElement
dom/HTMLBaseElementdom/HTMLBaseElement/replaceAdjacentTextdom/HTMLBaseFontElement
dom/HTMLBlockElementdom/HTMLBodyElementdom/HTMLButtonElement
dom/HTMLCanvasElementdom/HTMLCollectiondom/HTMLCollection/item
dom/HTMLCollection/lengthdom/HTMLCollection/namedItemdom/HTMLDDElement
dom/HTMLDListElementdom/HTMLDTElementdom/HTMLDirectoryElement
dom/HTMLDivElementdom/HTMLDocumentCompatibleInfodom/HTMLElement
dom/HTMLElement/abortdom/HTMLElement/applicationNamedom/HTMLElement/attribute
dom/HTMLElement/blurdom/HTMLElement/canHaveHTMLdom/HTMLElement/cellIndex
dom/HTMLElement/classNamedom/HTMLElement/clearAttributesdom/HTMLElement/click
dom/HTMLElement/clientHeightdom/HTMLElement/clientLeftdom/HTMLElement/clientTop
dom/HTMLElement/clientWidthdom/HTMLElement/componentFromPointdom/HTMLElement/controlRange
dom/HTMLElement/dirdom/HTMLElement/disableddom/HTMLElement/doScroll
dom/HTMLElement/documentdom/HTMLElement/domaindom/HTMLElement/draggable