DOM(ドキュメントオブジェクトモデル)とは、HTMLドキュメントやXMLドキュメントの内容にアクセスするAPIのこと。ウェブページとJavaScriptなどのプログラム言語を結びつけることができる。DOMを操作することで、プログラムからHTMLドキュメントやXMLドキュメントの内容を取得したり、変更を加えたりできる。
Documentオブジェクト
Elementオブジェクト
Anchorオブジェクト
Linkオブジェクト
Areaオブジェクト
Baseオブジェクト
Buttonオブジェクト
Imageオブジェクト
Objectオブジェクト
Audioオブジェクト
Videoオブジェクト
IFrameオブジェクト
Metaオブジェクト
Tableオブジェクト
Trオブジェクト
Thオブジェクト
Tdオブジェクト
Formオブジェクト
input type=button
オブジェクト input type=submit
オブジェクト input type=reset
オブジェクト input type=image
オブジェクト input type=text
オブジェクト input type=password
オブジェクト input type=search
オブジェクト input type=tel
オブジェクト input type=email
オブジェクト input type=url
オブジェクト input type=radio
オブジェクト input type=checkbox
オブジェクト input type=file
オブジェクト input type=hidden
オブジェクト input type=range
オブジェクト Selectオブジェクト Optionオブジェクト Textareaオブジェクト Styleオブジェクト イベント
オブジェクト input type=submit
オブジェクト input type=reset
オブジェクト input type=image
オブジェクト input type=text
オブジェクト input type=password
オブジェクト input type=search
オブジェクト input type=tel
オブジェクト input type=email
オブジェクト input type=url
オブジェクト input type=radio
オブジェクト input type=checkbox
オブジェクト input type=file
オブジェクト input type=hidden
オブジェクト input type=range
オブジェクト Selectオブジェクト Optionオブジェクト Textareaオブジェクト Styleオブジェクト イベント
Documentオブジェクト
- document.doctypeプロパティ
- document.characterSetプロパティ
- document.titleプロパティ
- document.lastModifiedプロパティ
- document.readyStateプロパティ
- document.cookieプロパティ
- document.domainプロパティ
- document.locationプロパティ
- document.URLプロパティ
- document.baseURIプロパティ
- document.referrerプロパティ
- document.linksプロパティ
- document.imagesプロパティ
- document.formsプロパティ
- document.embedsプロパティ
- document.pluginsプロパティ
- document.scriptsプロパティ
- document.styleSheetsプロパティ
- document.getElementsByTagName( name )メソッド
- document.getElementById( id )メソッド
- document.getElementsByClassName( class )メソッド
- document.getElementsByName( name )メソッド
- document.write( string )メソッド
- document.writeln( string )メソッド
- document.open()メソッド
- document.close()メソッド
- document.createTextNode( string )メソッド
- document.createElement( tagName )メソッド
- document.createStyleSheet( style )メソッド
- document.createEvent( eventType )メソッド
Elementオブジェクト
- element.childrenプロパティ
- element.childNodesプロパティ
- element.firstChildプロパティ
- element.lastChildプロパティ
- element.parentNodeプロパティ
- element.nextSiblingプロパティ
- element.previousSiblingプロパティ
- element.ownerDocumentプロパティ
- element.offsetParentプロパティ
- element.styleプロパティ
- element.innerHTMLプロパティ
- element.innerTextプロパティ
- element.textContentプロパティ
- element.nodeValueプロパティ
- element.attributesプロパティ
- element.idプロパティ
- element.classNameプロパティ
- element.nameプロパティ
- element.disabledプロパティ
- element.dirプロパティ
- element.langプロパティ
- element.tagNameプロパティ
- element.localNameプロパティ
- element.nodeNameプロパティ
- element.nodeTypeプロパティ
- element.namespaceURIプロパティ
- element.tabIndexプロパティ
- element.clientHeightプロパティ
- element.clientWidthプロパティ
- element.clientTopプロパティ
- element.clientLeftプロパティ
- element.offsetHeightプロパティ
- element.offsetWidthプロパティ
- element.offsetTopプロパティ
- element.offsetLeftプロパティ
- element.scrollHeightプロパティ
- element.scrollWidthプロパティ
- element.scrollTopプロパティ
- element.scrollLeftプロパティ
- nodeList.lengthプロパティ
- element.outerHTMLプロパティ
- element.getElementsByTagName( name )メソッド
- element.getElementsByClassName( class )メソッド
- element.appendChild( newNode )メソッド
- element.insertBefore( newNode, referenceNode )メソッド
- node.cloneNode( deep )メソッド
- element.replaceChild( newChildNode, oldChildNode )メソッド
- element.removeChild( childNode )メソッド
- nodeList.item( index )メソッド
- node.hasChildNodes()メソッド
- nodeA.isEqualNode( nodeB )メソッド
- element.normalize()メソッド
- nodeB.compareDocumentPosition( nodeA )メソッド
- element.insertAdjacentHTML( position, html )メソッド
- element.getAttribute( attributeName )メソッド
- element.getAttributeNode( attributeName )メソッド
- element.setAttribute( attributeName )メソッド
- element.setAttributeNode( attributeObject )メソッド
- element.removeAttribute( attributeName )メソッド
- element.removeAttributeNode( attribute )メソッド
- element.hasAttribute( attributeName )メソッド
- element.toString()メソッド
Anchorオブジェクト
Linkオブジェクト
Areaオブジェクト
Baseオブジェクト
Buttonオブジェクト
Imageオブジェクト
Objectオブジェクト
Audioオブジェクト
Videoオブジェクト
- videoObject.srcプロパティ
- videoObject.posterプロパティ
- videoObject.widthプロパティ
- videoObject.heightプロパティ
- videoObject.controlsプロパティ
- videoObject.volumeプロパティ
- videoObject.mutedプロパティ
- videoObject.defaultMutedプロパティ
- videoObject.loopプロパティ
- videoObject.currentTimeプロパティ
- videoObject.autoplayプロパティ
- videoObject.endedプロパティ
- videoObject.play()メソッド
- videoObject.pause()メソッド
IFrameオブジェクト
Metaオブジェクト
Tableオブジェクト
- tableObject.rowsコレクション
- tableObject.cellsコレクション
- tableObject.tBodiesコレクション
- tableObject.captionコレクション
- tableObject.tHeadコレクション
- tableObject.tFootコレクション
- tableObject.insertRow( index )メソッド
- tableObject.deleteRow( index )メソッド
- tableObject.createCaption()メソッド
- tableObject.deleteCaption()メソッド
- tableObject.createTHead()メソッド
- tableObject.deleteTHead()メソッド
- tableObject.createTFoot()メソッド
- tableObject.deleteTFoot()メソッド
Trオブジェクト
Thオブジェクト
Tdオブジェクト
Formオブジェクト
input type=buttonオブジェクト
input type=submitオブジェクト
- inputSubmitObject.typeプロパティ
- inputSubmitObject.disabledプロパティ
- inputSubmitObject.formプロパティ
- inputSubmitObject.valueプロパティ
- inputSubmitObject.nameプロパティ
- inputSubmitObject.accessKeyプロパティ
- inputSubmitObject.tabIndexプロパティ
- inputSubmitObject.formActionプロパティ
- inputSubmitObject.formMethodプロパティ
- inputSubmitObject.formTargetプロパティ
- inputSubmitObject.formEnctypeプロパティ
- inputSubmitObject.formNoValidateプロパティ
input type=resetオブジェクト
input type=imageオブジェクト
- inputImageObject.srcプロパティ
- inputImageObject.altプロパティ
- inputImageObject.typeプロパティ
- inputImageObject.disabledプロパティ
- inputImageObject.formプロパティ
- inputImageObject.nameプロパティ
- inputImageObject.widthプロパティ
- inputImageObject.heightプロパティ
- inputImageObject.formActionプロパティ
- inputImageObject.formMethodプロパティ
- inputImageObject.formTargetプロパティ
- inputImageObject.formNoValidateプロパティ
- inputImageObject.formEnctypeプロパティ
input type=textオブジェクト
- inputTextObject.typeプロパティ
- inputTextObject.nameプロパティ
- inputTextObject.valueプロパティ
- inputTextObject.disabledプロパティ
- inputTextObject.formプロパティ
- inputTextObject.sizeプロパティ
- inputTextObject.maxLengthプロパティ
- inputTextObject.readOnlyプロパティ
- inputTextObject.patternプロパティ
- inputTextObject.placeholderプロパティ
- inputTextObject.requiredプロパティ
- inputTextObject.defaultValueプロパティ
input type=passwordオブジェクト
- inputPasswordObject.typeプロパティ
- inputPasswordObject.nameプロパティ
- inputPasswordObject.valueプロパティ
- inputPasswordObject.disabledプロパティ
- inputPasswordObject.formプロパティ
- inputPasswordObject.sizeプロパティ
- inputPasswordObject.maxLengthプロパティ
- inputPasswordObject.readOnlyプロパティ
- inputPasswordObject.patternプロパティ
- inputPasswordObject.placeholderプロパティ
- inputPasswordObject.requiredプロパティ
- inputPasswordObject.defaultValueプロパティ
input type=searchオブジェクト
- inputSearchObject.typeプロパティ
- inputSearchObject.nameプロパティ
- inputSearchObject.valueプロパティ
- inputSearchObject.disabledプロパティ
- inputSearchObject.formプロパティ
- inputSearchObject.sizeプロパティ
- inputSearchObject.maxLengthプロパティ
- inputSearchObject.readOnlyプロパティ
- inputSearchObject.patternプロパティ
- inputSearchObject.placeholderプロパティ
- inputSearchObject.requiredプロパティ
- inputSearchObject.defaultValueプロパティ
input type=telオブジェクト
- inputTelObject.typeプロパティ
- inputTelObject.nameプロパティ
- inputTelObject.valueプロパティ
- inputTelObject.disabledプロパティ
- inputTelObject.formプロパティ
- inputTelObject.sizeプロパティ
- inputTelObject.maxLengthプロパティ
- inputTelObject.readOnlyプロパティ
- inputTelObject.patternプロパティ
- inputTelObject.placeholderプロパティ
- inputTelObject.requiredプロパティ
- inputTelObject.defaultValueプロパティ
input type=emailオブジェクト
- inputEmailObject.typeプロパティ
- inputEmailObject.nameプロパティ
- inputEmailObject.valueプロパティ
- inputEmailObject.disabledプロパティ
- inputEmailObject.formプロパティ
- inputEmailObject.sizeプロパティ
- inputEmailObject.maxLengthプロパティ
- inputEmailObject.readOnlyプロパティ
- inputEmailObject.patternプロパティ
- inputEmailObject.placeholderプロパティ
- inputEmailObject.requiredプロパティ
- inputEmailObject.defaultValueプロパティ
- inputEmailObject.multipleプロパティ
input type=urlオブジェクト
- inputUrlObject.typeプロパティ
- inputUrlObject.nameプロパティ
- inputUrlObject.valueプロパティ
- inputUrlObject.disabledプロパティ
- inputUrlObject.formプロパティ
- inputUrlObject.sizeプロパティ
- inputUrlObject.maxLengthプロパティ
- inputUrlObject.readOnlyプロパティ
- inputUrlObject.patternプロパティ
- inputUrlObject.placeholderプロパティ
- inputUrlObject.requiredプロパティ
- inputUrlObject.defaultValueプロパティ
input type=radioオブジェクト
input type=checkboxオブジェクト
input type=fileオブジェクト
input type=hiddenオブジェクト
input type=rangeオブジェクト
Selectオブジェクト
- selectObject.typeプロパティ
- selectObject.nameプロパティ
- selectObject.multipleプロパティ
- selectObject.sizeプロパティ
- selectObject.disabledプロパティ
- selectObject.formプロパティ
- selectObject.requiredプロパティ
- selectObject.lengthプロパティ
- selectObject.selectedIndexプロパティ
- selectObject.optionsコレクション
- selectObject.selectedOptionsコレクション
- selectObject.add( option )メソッド
- selectObject.add( option, index )メソッド
- selectObject.remove( index )メソッド
Optionオブジェクト
Textareaオブジェクト
- textareaObject.valueプロパティ
- textareaObject.defaultValueプロパティ
- textareaObject.placeholderプロパティ
- textareaObject.rowsプロパティ
- textareaObject.colsプロパティ
- textareaObject.wrapプロパティ
- textareaObject.maxLengthプロパティ
- textareaObject.requiredプロパティ
- textareaObject.readOnlyプロパティ
- textareaObject.disabledプロパティ
- textareaObject.typeプロパティ
- textareaObject.formプロパティ
- textareaObject.nameプロパティ
- textareaObject.select()メソッド
Styleオブジェクト
- style.cssFloatプロパティ
- style.clearプロパティ
- style.positionプロパティ
- style.topプロパティ
- style.rightプロパティ
- style.bottomプロパティ
- style.leftプロパティ
- style.zIndexプロパティ
- style.widthプロパティ
- style.heightプロパティ
- style.maxWidthプロパティ
- style.maxHeightプロパティ
- style.minWidthプロパティ
- style.minHeightプロパティ
- style.marginプロパティ
- style.marginTopプロパティ
- style.marginRightプロパティ
- style.marginBottomプロパティ
- style.marginLeftプロパティ
- style.paddingプロパティ
- style.paddingTopプロパティ
- style.paddingRightプロパティ
- style.paddingBottomプロパティ
- style.paddingLeftプロパティ
- style.borderプロパティ
- style.borderWidthプロパティ
- style.borderStyleプロパティ
- style.borderColorプロパティ
- style.borderTopプロパティ
- style.borderRightプロパティ
- style.borderBottomプロパティ
- style.borderLeftプロパティ
- style.borderTopWidthプロパティ
- style.borderRightWidthプロパティ
- style.borderBottomWidthプロパティ
- style.borderLeftWidthプロパティ
- style.borderTopStyleプロパティ
- style.borderRightStyleプロパティ
- style.borderBottomStyleプロパティ
- style.borderLeftStyleプロパティ
- style.borderTopColorプロパティ
- style.borderRightColorプロパティ
- style.borderBottomColorプロパティ
- style.borderLeftColorプロパティ
- style.backgroundプロパティ
- style.backgroundColorプロパティ
- style.backgroundImageプロパティ
- style.backgroundPositionプロパティ
- style.backgroundRepeatプロパティ
- style.backgroundAttachmentプロパティ
- style.listStyleプロパティ
- style.listStyleTypeプロパティ
- style.listStylePositionプロパティ
- style.listStyleImageプロパティ
- style.fontプロパティ
- style.fontStyleプロパティ
- style.fontVariantプロパティ
- style.fontWeightプロパティ
- style.fontSizeプロパティ
- style.lineHeightプロパティ
- style.fontFamilyプロパティ
- style.colorプロパティ
- style.textShadowプロパティ
- style.textDecorationプロパティ
- style.textTransformプロパティ
- style.quotesプロパティ
- style.textAlignプロパティ
- style.verticalAlignプロパティ
- style.textIndentプロパティ
- style.unicodeBidiプロパティ
- style.directionプロパティ
- style.letterSpacingプロパティ
- style.wordSpacingプロパティ
- style.whiteSpaceプロパティ
イベント
- onclickイベント
- ondblclickイベント
- onmouseoverイベント
- onmouseoutイベント
- onmousemoveイベント
- onmousedownイベント
- onmouseupイベント
- onmousewheelイベント
- event.initEvent()メソッド
- event.preventDefault()メソッド
- event.stopPropagation()メソッド
- event.typeプロパティ
- event.timeStampプロパティ
- event.cancelableプロパティ
- event.bubblesプロパティ
- event.eventPhaseプロパティ
- event.targetプロパティ
- event.currentTargetプロパティ
- eventTarget.dispatchEvent( eventObject )メソッド
- eventTarget.addEventListener( eventType, eventListener[, useCapture] )メソッド
- eventTarget.removeEventListener( eventType, eventListener[, useCapture] )メソッド