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/domaindom/Document/elementFromPointdom/Document/exitFullscreen
dom/Document/formsdom/Document/fullscreenElementdom/Document/fullscreenEnabled
dom/Document/getElementByIddom/Document/getElementsByClassNamedom/Document/getElementsByName
dom/Document/getElementsByTagNamedom/Document/getElementsByTagNameNSdom/Document/getNamedFlows
dom/Document/hasFocusdom/Document/headdom/Document/hidden
dom/Document/imagesdom/Document/implementationdom/Document/importNode
dom/Document/inputEncodingdom/Document/lastModifieddom/Document/linkColor
dom/Document/linksdom/Document/opendom/Document/readyState
dom/Document/referrerdom/Document/registerdom/Document/releaseCapture
dom/Document/rowenterdom/Document/rowexitdom/Document/rowsdelete
dom/Document/rowsinserteddom/Document/scriptsdom/Document/scroll
dom/Document/selectdom/Document/selectionchangedom/Document/selectstart
dom/Document/startdom/Document/stopdom/Document/storage
dom/Document/storagecommitdom/Document/titledom/Document/visibilityState
dom/Document/visibilitychangedom/Document/vlinkColordom/Document/write
dom/Document/writelndom/Document/xmlEncodingdom/Document/xmlStandalone
dom/Document/xmlVersiondom/DocumentTypedom/DocumentType/name
dom/DocumentType/publicIddom/DocumentType/systemIddom/DomTokenList/item
dom/DragEventdom/DragEvent/dataTransferdom/DragEvent/drag
dom/DragEvent/dragenddom/DragEvent/dragenterdom/DragEvent/dragleave
dom/DragEvent/dragoverdom/DragEvent/dragstartdom/DragEvent/drop
dom/DragEvent/initDragEventdom/Elementdom/Element/RangeException
dom/Element/changedom/Element/childElementCountdom/Element/children
dom/Element/classListdom/Element/codedom/Element/createControlRange
dom/Element/cuechangedom/Element/durationchangedom/Element/emptied
dom/Element/endeddom/Element/entitiesdom/Element/error
dom/Element/firstElementChilddom/Element/getAdjacentTextdom/Element/getAttribute
dom/Element/getAttributeNSdom/Element/getAttributeNodedom/Element/getAttributeNodeNS
dom/Element/hasAttributedom/Element/hasAttributeNSdom/Element/hashchange
dom/Element/helpdom/Element/htmlTextdom/Element/inRange
dom/Element/inputdom/Element/insertAdjacentHTMLdom/Element/internalSubset
dom/Element/isEqualdom/Element/isTextEditdom/Element/item
dom/Element/lastElementChilddom/Element/layoutcompletedom/Element/load
dom/Element/loadeddatadom/Element/loadedmetadatadom/Element/loadstart
dom/Element/losecapturedom/Element/mediadom/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/HTMLDataElement
dom/HTMLDirectoryElementdom/HTMLDivElementdom/HTMLDocumentCompatibleInfo
dom/HTMLElementdom/HTMLElement/abortdom/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/draggabledom/HTMLElement/elements