Element class - dart:html library

An abstract class, which all HTML elements extend.

Inheritance

Implements

Implemented by

Annotations

@DocsEditable()
@DomName('Element')

Constants

abortEvent → EventStreamProvider<Event>: Static factory designed to expose abort events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.abortEvent')

const EventStreamProvider<Event>('abort')
beforeCopyEvent → EventStreamProvider<Event>: Static factory designed to expose beforecopy events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.beforecopyEvent')

const EventStreamProvider<Event>('beforecopy')
beforeCutEvent → EventStreamProvider<Event>: Static factory designed to expose beforecut events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.beforecutEvent')

const EventStreamProvider<Event>('beforecut')
beforePasteEvent → EventStreamProvider<Event>: Static factory designed to expose beforepaste events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.beforepasteEvent')

const EventStreamProvider<Event>('beforepaste')
blurEvent → EventStreamProvider<Event>: Static factory designed to expose blur events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.blurEvent')

const EventStreamProvider<Event>('blur')
canPlayEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.canplayEvent'), @Experimental()

const EventStreamProvider<Event>('canplay')
canPlayThroughEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.canplaythroughEvent'), @Experimental()

const EventStreamProvider<Event>('canplaythrough')
changeEvent → EventStreamProvider<Event>: Static factory designed to expose change events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.changeEvent')

const EventStreamProvider<Event>('change')
clickEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose click events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.clickEvent')

const EventStreamProvider<MouseEvent>('click')
contextMenuEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose contextmenu events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.contextmenuEvent')

const EventStreamProvider<MouseEvent>('contextmenu')
copyEvent → EventStreamProvider<ClipboardEvent>: Static factory designed to expose copy events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.copyEvent')

const EventStreamProvider<ClipboardEvent>('copy')
cutEvent → EventStreamProvider<ClipboardEvent>: Static factory designed to expose cut events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.cutEvent')

const EventStreamProvider<ClipboardEvent>('cut')
doubleClickEvent → EventStreamProvider<Event>: Static factory designed to expose doubleclick events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.dblclickEvent')

const EventStreamProvider<Event>('dblclick')
dragEndEvent → EventStreamProvider<MouseEvent>: A stream of dragend events fired when an element completes a drag operation.

@DocsEditable(), @DomName('Element.dragendEvent')

const EventStreamProvider<MouseEvent>('dragend')
dragEnterEvent → EventStreamProvider<MouseEvent>: A stream of dragenter events fired when a dragged object is first dragged over an element.

@DocsEditable(), @DomName('Element.dragenterEvent')

const EventStreamProvider<MouseEvent>('dragenter')
dragEvent → EventStreamProvider<MouseEvent>: A stream of drag events fired when an element is currently being dragged.

@DocsEditable(), @DomName('Element.dragEvent')

const EventStreamProvider<MouseEvent>('drag')
dragLeaveEvent → EventStreamProvider<MouseEvent>: A stream of dragleave events fired when an object being dragged over an element leaves the element's target area.

@DocsEditable(), @DomName('Element.dragleaveEvent')

const EventStreamProvider<MouseEvent>('dragleave')
dragOverEvent → EventStreamProvider<MouseEvent>: A stream of dragover events fired when a dragged object is currently being dragged over an element.

@DocsEditable(), @DomName('Element.dragoverEvent')

const EventStreamProvider<MouseEvent>('dragover')
dragStartEvent → EventStreamProvider<MouseEvent>: A stream of dragstart events for a dragged element whose drag has begun.

@DocsEditable(), @DomName('Element.dragstartEvent')

const EventStreamProvider<MouseEvent>('dragstart')
dropEvent → EventStreamProvider<MouseEvent>: A stream of drop events fired when a dragged object is dropped on an element.

@DocsEditable(), @DomName('Element.dropEvent')

const EventStreamProvider<MouseEvent>('drop')
durationChangeEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.durationchangeEvent'), @Experimental()

const EventStreamProvider<Event>('durationchange')
emptiedEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.emptiedEvent'), @Experimental()

const EventStreamProvider<Event>('emptied')
endedEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.endedEvent'), @Experimental()

const EventStreamProvider<Event>('ended')
errorEvent → EventStreamProvider<Event>: Static factory designed to expose error events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.errorEvent')

const EventStreamProvider<Event>('error')
focusEvent → EventStreamProvider<Event>: Static factory designed to expose focus events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.focusEvent')

const EventStreamProvider<Event>('focus')
fullscreenChangeEvent → EventStreamProvider<Event>: Static factory designed to expose fullscreenchange events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.webkitfullscreenchangeEvent'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.SAFARI)

const EventStreamProvider<Event>('webkitfullscreenchange')
fullscreenErrorEvent → EventStreamProvider<Event>: Static factory designed to expose fullscreenerror events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.webkitfullscreenerrorEvent'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.SAFARI)

const EventStreamProvider<Event>('webkitfullscreenerror')
inputEvent → EventStreamProvider<Event>: Static factory designed to expose input events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.inputEvent')

const EventStreamProvider<Event>('input')
invalidEvent → EventStreamProvider<Event>: Static factory designed to expose invalid events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.invalidEvent')

const EventStreamProvider<Event>('invalid')
keyDownEvent → EventStreamProvider<KeyboardEvent>: Static factory designed to expose keydown events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.keydownEvent')

const EventStreamProvider<KeyboardEvent>('keydown')
keyPressEvent → EventStreamProvider<KeyboardEvent>: Static factory designed to expose keypress events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.keypressEvent')

const EventStreamProvider<KeyboardEvent>('keypress')
keyUpEvent → EventStreamProvider<KeyboardEvent>: Static factory designed to expose keyup events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.keyupEvent')

const EventStreamProvider<KeyboardEvent>('keyup')
loadedDataEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.loadeddataEvent'), @Experimental()

const EventStreamProvider<Event>('loadeddata')
loadedMetadataEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.loadedmetadataEvent'), @Experimental()

const EventStreamProvider<Event>('loadedmetadata')
loadEvent → EventStreamProvider<Event>: Static factory designed to expose load events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.loadEvent')

const EventStreamProvider<Event>('load')
mouseDownEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mousedown events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mousedownEvent')

const EventStreamProvider<MouseEvent>('mousedown')
mouseEnterEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mouseenter events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mouseenterEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mouseenter')
mouseLeaveEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mouseleave events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mouseleaveEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mouseleave')
mouseMoveEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mousemove events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mousemoveEvent')

const EventStreamProvider<MouseEvent>('mousemove')
mouseOutEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mouseout events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mouseoutEvent')

const EventStreamProvider<MouseEvent>('mouseout')
mouseOverEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mouseover events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mouseoverEvent')

const EventStreamProvider<MouseEvent>('mouseover')
mouseUpEvent → EventStreamProvider<MouseEvent>: Static factory designed to expose mouseup events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.mouseupEvent')

const EventStreamProvider<MouseEvent>('mouseup')
mouseWheelEvent → EventStreamProvider<WheelEvent>: @DocsEditable(), @DomName('Element.mousewheelEvent'), @Experimental()

const EventStreamProvider<WheelEvent>('mousewheel')
pasteEvent → EventStreamProvider<ClipboardEvent>: Static factory designed to expose paste events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.pasteEvent')

const EventStreamProvider<ClipboardEvent>('paste')
pauseEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.pauseEvent'), @Experimental()

const EventStreamProvider<Event>('pause')
playEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.playEvent'), @Experimental()

const EventStreamProvider<Event>('play')
playingEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.playingEvent'), @Experimental()

const EventStreamProvider<Event>('playing')
rateChangeEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.ratechangeEvent'), @Experimental()

const EventStreamProvider<Event>('ratechange')
resetEvent → EventStreamProvider<Event>: Static factory designed to expose reset events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.resetEvent')

const EventStreamProvider<Event>('reset')
resizeEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.resizeEvent'), @Experimental()

const EventStreamProvider<Event>('resize')
scrollEvent → EventStreamProvider<Event>: Static factory designed to expose scroll events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.scrollEvent')

const EventStreamProvider<Event>('scroll')
searchEvent → EventStreamProvider<Event>: Static factory designed to expose search events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.searchEvent'), @Experimental()

const EventStreamProvider<Event>('search')
seekedEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.seekedEvent'), @Experimental()

const EventStreamProvider<Event>('seeked')
seekingEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.seekingEvent'), @Experimental()

const EventStreamProvider<Event>('seeking')
selectEvent → EventStreamProvider<Event>: Static factory designed to expose select events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.selectEvent')

const EventStreamProvider<Event>('select')
selectStartEvent → EventStreamProvider<Event>: Static factory designed to expose selectstart events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.selectstartEvent'), @Experimental()

const EventStreamProvider<Event>('selectstart')
stalledEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.stalledEvent'), @Experimental()

const EventStreamProvider<Event>('stalled')
submitEvent → EventStreamProvider<Event>: Static factory designed to expose submit events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.submitEvent')

const EventStreamProvider<Event>('submit')
suspendEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.suspendEvent'), @Experimental()

const EventStreamProvider<Event>('suspend')
timeUpdateEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.timeupdateEvent'), @Experimental()

const EventStreamProvider<Event>('timeupdate')
touchCancelEvent → EventStreamProvider<TouchEvent>: Static factory designed to expose touchcancel events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.touchcancelEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchcancel')
touchEndEvent → EventStreamProvider<TouchEvent>: Static factory designed to expose touchend events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.touchendEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchend')
touchEnterEvent → EventStreamProvider<TouchEvent>: Static factory designed to expose touchenter events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.touchenterEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchenter')
touchLeaveEvent → EventStreamProvider<TouchEvent>: Static factory designed to expose touchleave events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.touchleaveEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchleave')
touchMoveEvent → EventStreamProvider<TouchEvent>: Static factory designed to expose touchmove events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.touchmoveEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchmove')
touchStartEvent → EventStreamProvider<TouchEvent>: Static factory designed to expose touchstart events to event handlers that are not necessarily instances of Element.

@DocsEditable(), @DomName('Element.touchstartEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchstart')
transitionEndEvent → EventStreamProvider<TransitionEvent>: @DocsEditable(), @DomName('Element.transitionendEvent')

const EventStreamProvider<TransitionEvent>('transitionend')
volumeChangeEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.volumechangeEvent'), @Experimental()

const EventStreamProvider<Event>('volumechange')
waitingEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('Element.waitingEvent'), @Experimental()

const EventStreamProvider<Event>('waiting')

Static Properties

instanceRuntimeType → Type: @Deprecated("Internal Use Only"), read-only

Static Methods

isTagSupported(String tag) → bool: Checks to see if the tag name is supported by the current platform.

Constructors

Element.a(): Creates a new <a> element.

factory
Element.article(): Creates a new <article> element.

factory
Element.aside(): Creates a new <aside> element.

factory
Element.audio(): Creates a new <audio> element.

factory
Element.br(): Creates a new <br> element.

factory
Element.canvas(): Creates a new <canvas> element.

factory
Element.created(): Custom element creation constructor.
Element.div(): Creates a new <div> element.

factory
Element.footer(): Creates a new <footer> element.

factory
Element.header(): Creates a new <header> element.

factory
Element.hr(): Creates a new <hr> element.

factory
Element.html(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }): Creates an HTML element from a valid fragment of HTML.

factory
Element.iframe(): Creates a new <iframe> element.

factory
Element.img(): Creates a new <img> element.

factory
Element.internal_()
Element.li(): Creates a new <li> element.

factory
Element.nav(): Creates a new <nav> element.

factory
Element.ol(): Creates a new <ol> element.

factory
Element.option(): Creates a new <option> element.

factory
Element.p(): Creates a new <p> element.

factory
Element.pre(): Creates a new <pre> element.

factory
Element.section(): Creates a new <section> element.

factory
Element.select(): Creates a new <select> element.

factory
Element.span(): Creates a new <span> element.

factory
Element.svg(): Creates a new <svg> element.

factory
Element.table(): Creates a new <table> element.

factory
Element.tag(String tag, [ String typeExtention ]): Creates the HTML element specified by the tag name.

factory
Element.td(): Creates a new <td> element.

factory
Element.textarea(): Creates a new <textarea> element.

factory
Element.th(): Creates a new <th> element.

factory
Element.tr(): Creates a new <tr> element.

factory
Element.ul(): Creates a new <ul> element.

factory
Element.video(): Creates a new <video> element.

factory

Properties

attributes → Map<String, String>: All attributes on this element.

read / write
borderEdge → CssRect: Access the dimensions and position of this element's content + padding + border box.

@Experimental(), read-only
children → List<Element>: List of the direct children of this element.

read / write
classes → CssClassSet: The set of CSS classes applied to this element.

read / write
className → String: @DocsEditable(), @DomName('Element.className'), read / write
client → Rectangle: Gets the position of this element relative to the client area of the page.

read-only
clientHeight → int: @DocsEditable(), @DomName('Element.clientHeight'), read-only
clientLeft → int: @DocsEditable(), @DomName('Element.clientLeft'), read-only
clientTop → int: @DocsEditable(), @DomName('Element.clientTop'), read-only
clientWidth → int: @DocsEditable(), @DomName('Element.clientWidth'), read-only
computedName → String: @DocsEditable(), @DomName('Element.computedName'), @Experimental(), read-only
computedRole → String: @DocsEditable(), @DomName('Element.computedRole'), @Experimental(), read-only
contentEdge → CssRect: Access this element's content position.

@Experimental(), read-only
contentEditable → String: read / write
contextMenu → MenuElement: read / write
dataset → Map<String, String>: Allows access to all custom data attributes (data-*) set on this element.

read / write
dir → String: read / write
documentOffset → Point: Provides the coordinates of the element relative to the top of the document.

@Experimental(), read-only
draggable → bool: read / write
dropzone → String: read / write
hidden → bool: read / write
id → String: @DocsEditable(), @DomName('Element.id'), read / write
innerHtml → String: Parses the HTML fragment and sets it as the contents of this element.

read / write
isContentEditable → bool: read-only
lang → String: read / write
localName → String: @DocsEditable(), @DomName('Element.localName'), read-only
marginEdge → CssRect: Access the dimensions and position of this element's content + padding + border + margin box.

@Experimental(), read-only
namespaceUri → String: A URI that identifies the XML namespace of this element.

@DomName('Element.namespaceUri'), read-only
nextElementSibling → Element: @DocsEditable(), @DomName('Element.nextElementSibling'), read-only
offset → Rectangle: Gets the offset of this element relative to its offsetParent.

read-only
offsetHeight → int: @DocsEditable(), @DomName('Element.offsetHeight'), read-only
offsetLeft → int: @DocsEditable(), @DomName('Element.offsetLeft'), read-only
offsetParent → Element: @DocsEditable(), @DomName('Element.offsetParent'), read-only
offsetTop → int: @DocsEditable(), @DomName('Element.offsetTop'), read-only
offsetWidth → int: @DocsEditable(), @DomName('Element.offsetWidth'), read-only
on → ElementEvents: This is an ease-of-use accessor for event streams which should only be used when an explicit accessor is not available.

read-only
onAbort → ElementStream<Event>: Stream of abort events handled by this Element.

@DocsEditable(), @DomName('Element.onabort'), read-only
onBeforeCopy → ElementStream<Event>: Stream of beforecopy events handled by this Element.

@DocsEditable(), @DomName('Element.onbeforecopy'), read-only
onBeforeCut → ElementStream<Event>: Stream of beforecut events handled by this Element.

@DocsEditable(), @DomName('Element.onbeforecut'), read-only
onBeforePaste → ElementStream<Event>: Stream of beforepaste events handled by this Element.

@DocsEditable(), @DomName('Element.onbeforepaste'), read-only
onBlur → ElementStream<Event>: Stream of blur events handled by this Element.

@DocsEditable(), @DomName('Element.onblur'), read-only
onCanPlay → ElementStream<Event>: @DocsEditable(), @DomName('Element.oncanplay'), @Experimental(), read-only
onCanPlayThrough → ElementStream<Event>: @DocsEditable(), @DomName('Element.oncanplaythrough'), @Experimental(), read-only
onChange → ElementStream<Event>: Stream of change events handled by this Element.

@DocsEditable(), @DomName('Element.onchange'), read-only
onClick → ElementStream<MouseEvent>: Stream of click events handled by this Element.

@DocsEditable(), @DomName('Element.onclick'), read-only
onContextMenu → ElementStream<MouseEvent>: Stream of contextmenu events handled by this Element.

@DocsEditable(), @DomName('Element.oncontextmenu'), read-only
onCopy → ElementStream<ClipboardEvent>: Stream of copy events handled by this Element.

@DocsEditable(), @DomName('Element.oncopy'), read-only
onCut → ElementStream<ClipboardEvent>: Stream of cut events handled by this Element.

@DocsEditable(), @DomName('Element.oncut'), read-only
onDoubleClick → ElementStream<Event>: Stream of doubleclick events handled by this Element.

@DocsEditable(), @DomName('Element.ondblclick'), read-only
onDrag → ElementStream<MouseEvent>: A stream of drag events fired when this element currently being dragged.

@DocsEditable(), @DomName('Element.ondrag'), read-only
onDragEnd → ElementStream<MouseEvent>: A stream of dragend events fired when this element completes a drag operation.

@DocsEditable(), @DomName('Element.ondragend'), read-only
onDragEnter → ElementStream<MouseEvent>: A stream of dragenter events fired when a dragged object is first dragged over this element.

@DocsEditable(), @DomName('Element.ondragenter'), read-only
onDragLeave → ElementStream<MouseEvent>: A stream of dragleave events fired when an object being dragged over this element leaves this element's target area.

@DocsEditable(), @DomName('Element.ondragleave'), read-only
onDragOver → ElementStream<MouseEvent>: A stream of dragover events fired when a dragged object is currently being dragged over this element.

@DocsEditable(), @DomName('Element.ondragover'), read-only
onDragStart → ElementStream<MouseEvent>: A stream of dragstart events fired when this element starts being dragged.

@DocsEditable(), @DomName('Element.ondragstart'), read-only
onDrop → ElementStream<MouseEvent>: A stream of drop events fired when a dragged object is dropped on this element.

@DocsEditable(), @DomName('Element.ondrop'), read-only
onDurationChange → ElementStream<Event>: @DocsEditable(), @DomName('Element.ondurationchange'), @Experimental(), read-only
onEmptied → ElementStream<Event>: @DocsEditable(), @DomName('Element.onemptied'), @Experimental(), read-only
onEnded → ElementStream<Event>: @DocsEditable(), @DomName('Element.onended'), @Experimental(), read-only
onError → ElementStream<Event>: Stream of error events handled by this Element.

@DocsEditable(), @DomName('Element.onerror'), read-only
onFocus → ElementStream<Event>: Stream of focus events handled by this Element.

@DocsEditable(), @DomName('Element.onfocus'), read-only
onFullscreenChange → ElementStream<Event>: Stream of fullscreenchange events handled by this Element.

@DocsEditable(), @DomName('Element.onwebkitfullscreenchange'), @Experimental(), read-only
onFullscreenError → ElementStream<Event>: Stream of fullscreenerror events handled by this Element.

@DocsEditable(), @DomName('Element.onwebkitfullscreenerror'), @Experimental(), read-only
onInput → ElementStream<Event>: Stream of input events handled by this Element.

@DocsEditable(), @DomName('Element.oninput'), read-only
onInvalid → ElementStream<Event>: Stream of invalid events handled by this Element.

@DocsEditable(), @DomName('Element.oninvalid'), read-only
onKeyDown → ElementStream<KeyboardEvent>: Stream of keydown events handled by this Element.

@DocsEditable(), @DomName('Element.onkeydown'), read-only
onKeyPress → ElementStream<KeyboardEvent>: Stream of keypress events handled by this Element.

@DocsEditable(), @DomName('Element.onkeypress'), read-only
onKeyUp → ElementStream<KeyboardEvent>: Stream of keyup events handled by this Element.

@DocsEditable(), @DomName('Element.onkeyup'), read-only
onLoad → ElementStream<Event>: Stream of load events handled by this Element.

@DocsEditable(), @DomName('Element.onload'), read-only
onLoadedData → ElementStream<Event>: @DocsEditable(), @DomName('Element.onloadeddata'), @Experimental(), read-only
onLoadedMetadata → ElementStream<Event>: @DocsEditable(), @DomName('Element.onloadedmetadata'), @Experimental(), read-only
onMouseDown → ElementStream<MouseEvent>: Stream of mousedown events handled by this Element.

@DocsEditable(), @DomName('Element.onmousedown'), read-only
onMouseEnter → ElementStream<MouseEvent>: Stream of mouseenter events handled by this Element.

@DocsEditable(), @DomName('Element.onmouseenter'), @Experimental(), read-only
onMouseLeave → ElementStream<MouseEvent>: Stream of mouseleave events handled by this Element.

@DocsEditable(), @DomName('Element.onmouseleave'), @Experimental(), read-only
onMouseMove → ElementStream<MouseEvent>: Stream of mousemove events handled by this Element.

@DocsEditable(), @DomName('Element.onmousemove'), read-only
onMouseOut → ElementStream<MouseEvent>: Stream of mouseout events handled by this Element.

@DocsEditable(), @DomName('Element.onmouseout'), read-only
onMouseOver → ElementStream<MouseEvent>: Stream of mouseover events handled by this Element.

@DocsEditable(), @DomName('Element.onmouseover'), read-only
onMouseUp → ElementStream<MouseEvent>: Stream of mouseup events handled by this Element.

@DocsEditable(), @DomName('Element.onmouseup'), read-only
onMouseWheel → ElementStream<WheelEvent>: Stream of mousewheel events handled by this Element.

@DocsEditable(), @DomName('Element.onmousewheel'), @Experimental(), read-only
onPaste → ElementStream<ClipboardEvent>: Stream of paste events handled by this Element.

@DocsEditable(), @DomName('Element.onpaste'), read-only
onPause → ElementStream<Event>: @DocsEditable(), @DomName('Element.onpause'), @Experimental(), read-only
onPlay → ElementStream<Event>: @DocsEditable(), @DomName('Element.onplay'), @Experimental(), read-only
onPlaying → ElementStream<Event>: @DocsEditable(), @DomName('Element.onplaying'), @Experimental(), read-only
onRateChange → ElementStream<Event>: @DocsEditable(), @DomName('Element.onratechange'), @Experimental(), read-only
onReset → ElementStream<Event>: Stream of reset events handled by this Element.

@DocsEditable(), @DomName('Element.onreset'), read-only
onResize → ElementStream<Event>: @DocsEditable(), @DomName('Element.onresize'), @Experimental(), read-only
onScroll → ElementStream<Event>: Stream of scroll events handled by this Element.

@DocsEditable(), @DomName('Element.onscroll'), read-only
onSearch → ElementStream<Event>: Stream of search events handled by this Element.

@DocsEditable(), @DomName('Element.onsearch'), @Experimental(), read-only
onSeeked → ElementStream<Event>: @DocsEditable(), @DomName('Element.onseeked'), @Experimental(), read-only
onSeeking → ElementStream<Event>: @DocsEditable(), @DomName('Element.onseeking'), @Experimental(), read-only
onSelect → ElementStream<Event>: Stream of select events handled by this Element.

@DocsEditable(), @DomName('Element.onselect'), read-only
onSelectStart → ElementStream<Event>: Stream of selectstart events handled by this Element.

@DocsEditable(), @DomName('Element.onselectstart'), @Experimental(), read-only
onStalled → ElementStream<Event>: @DocsEditable(), @DomName('Element.onstalled'), @Experimental(), read-only
onSubmit → ElementStream<Event>: Stream of submit events handled by this Element.

@DocsEditable(), @DomName('Element.onsubmit'), read-only
onSuspend → ElementStream<Event>: @DocsEditable(), @DomName('Element.onsuspend'), @Experimental(), read-only
onTimeUpdate → ElementStream<Event>: @DocsEditable(), @DomName('Element.ontimeupdate'), @Experimental(), read-only
onTouchCancel → ElementStream<TouchEvent>: Stream of touchcancel events handled by this Element.

@DocsEditable(), @DomName('Element.ontouchcancel'), @Experimental(), read-only
onTouchEnd → ElementStream<TouchEvent>: Stream of touchend events handled by this Element.

@DocsEditable(), @DomName('Element.ontouchend'), @Experimental(), read-only
onTouchEnter → ElementStream<TouchEvent>: Stream of touchenter events handled by this Element.

@DocsEditable(), @DomName('Element.ontouchenter'), @Experimental(), read-only
onTouchLeave → ElementStream<TouchEvent>: Stream of touchleave events handled by this Element.

@DocsEditable(), @DomName('Element.ontouchleave'), @Experimental(), read-only
onTouchMove → ElementStream<TouchEvent>: Stream of touchmove events handled by this Element.

@DocsEditable(), @DomName('Element.ontouchmove'), @Experimental(), read-only
onTouchStart → ElementStream<TouchEvent>: Stream of touchstart events handled by this Element.

@DocsEditable(), @DomName('Element.ontouchstart'), @Experimental(), read-only
onTransitionEnd → ElementStream<TransitionEvent>: Stream of transitionend events handled by this Element.

@DocsEditable(), @DomName('Element.ontransitionend'), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.FIREFOX), @SupportedBrowser(SupportedBrowser.IE, '10'), @SupportedBrowser(SupportedBrowser.SAFARI), read-only
onVolumeChange → ElementStream<Event>: @DocsEditable(), @DomName('Element.onvolumechange'), @Experimental(), read-only
onWaiting → ElementStream<Event>: @DocsEditable(), @DomName('Element.onwaiting'), @Experimental(), read-only
outerHtml → String: @DocsEditable(), @DomName('Element.outerHTML'), read-only
paddingEdge → CssRect: Access the dimensions and position of this element's content + padding box.

@Experimental(), read-only
previousElementSibling → Element: @DocsEditable(), @DomName('Element.previousElementSibling'), read-only
scrollHeight → int: @DocsEditable(), @DomName('Element.scrollHeight'), read-only
scrollLeft → int: @DocsEditable(), @DomName('Element.scrollLeft'), read / write
scrollTop → int: @DocsEditable(), @DomName('Element.scrollTop'), read / write
scrollWidth → int: @DocsEditable(), @DomName('Element.scrollWidth'), read-only
shadowRoot → ShadowRoot: @DocsEditable(), @DomName('Element.shadowRoot'), @Experimental(), read-only
spellcheck → bool: read / write
style → CssStyleDeclaration: read-only
tabIndex → int: read / write
tagName → String: @DocsEditable(), @DomName('Element.tagName'), read-only
title → String: read / write
translate → bool: read / write
xtag → dynamic: Experimental support for web components. This field stores a reference to the component implementation. It was inspired by Mozilla's x-tags project. Please note: in the future it may be possible to extend Element from your class, in which case this field will be deprecated.

read / write
baseUri → String: @DocsEditable(), @DomName('Node.baseURI'), read-only, inherited
childNodes → List<Node>: A list of this node's children.

@DocsEditable(), @DomName('Node.childNodes'), read-only, inherited
firstChild → Node: The first child of this node.

@DocsEditable(), @DomName('Node.firstChild'), read-only, inherited
hashCode → int: read-only, inherited
lastChild → Node: The last child of this node.

@DocsEditable(), @DomName('Node.lastChild'), read-only, inherited
nextNode → Node: The next sibling node.

@DocsEditable(), @DomName('Node.nextSibling'), read-only, inherited
nodeName → String: The name of this node.

@DocsEditable(), @DomName('Node.nodeName'), read-only, inherited
nodes → List<Node>: A modifiable list of this node's children.

read / write, inherited
nodeType → int: The type of node.

@DocsEditable(), @DomName('Node.nodeType'), read-only, inherited
nodeValue → String: The value of this node.

@DocsEditable(), @DomName('Node.nodeValue'), read-only, inherited
ownerDocument → Document: The document this node belongs to.

@DocsEditable(), @DomName('Node.ownerDocument'), read-only, inherited
parent → Element: The parent element of this node.

@DocsEditable(), @DomName('Node.parentElement'), read-only, inherited
parentNode → Node: The parent node of this node.

@DocsEditable(), @DomName('Node.parentNode'), read-only, inherited
previousNode → Node: The previous sibling node.

@DocsEditable(), @DomName('Node.previousSibling'), read-only, inherited
runtimeType → Type: A representation of the runtime type of the object.

read-only, inherited
text → String: All text within this node and its decendents.

@DocsEditable(), @DomName('Node.textContent'), read / write, inherited

Operators

operator ==(other) → bool: The equality operator.

inherited

Methods

after(Object nodes) → void: @DocsEditable(), @DomName('Element.after'), @Experimental()
animate(Iterable<Map<String, dynamic>> frames, [ timing ]) → Animation: Creates a new AnimationEffect object whose target element is the object on which the method is called, and calls the play() method of the AnimationTimeline object of the document timeline of the node document of the element, passing the newly created AnimationEffect as the argument to the method. Returns an Animation for the effect.

@Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '36')
appendHtml(String text, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void: Parses the specified text as HTML and adds the resulting node after the last child of this element.
appendText(String text) → void: Adds the specified text after the last child of this element.
attached() → void: Called by the DOM when this element has been inserted into the live document.

@Experimental()
attributeChanged(String name, String oldValue, String newValue) → void: Called by the DOM whenever an attribute on this has been changed.
before(Object nodes) → void: @DocsEditable(), @DomName('Element.before'), @Experimental()
blur() → void
click() → void
closest(String selectors) → Element: @DocsEditable(), @DomName('Element.closest'), @Experimental()
createFragment(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → DocumentFragment: Create a DocumentFragment from the HTML fragment and ensure that it follows the sanitization rules specified by the validator or treeSanitizer.
createShadowRoot([Map shadowRootInitDict ]) → ShadowRoot
detached() → void: Called by the DOM when this element has been removed from the live document.

@Experimental()
enteredView() → void: Deprecated*: override attached instead.

@Experimental()
focus() → void
getAnimations() → List<Animation>: @DocsEditable(), @DomName('Element.getAnimations'), @Experimental()
getAttribute(String name) → String: @DocsEditable(), @DomName('Element.getAttribute'), @Experimental()
getAttributeNS(String namespaceURI, String localName) → String: @DocsEditable(), @DomName('Element.getAttributeNS'), @Experimental()
getBoundingClientRect() → Rectangle: Returns the smallest bounding rectangle that encompasses this element's padding, scrollbar, and border.

@DocsEditable(), @DomName('Element.getBoundingClientRect')
getClientRects() → List<Rectangle>: Returns a list of bounding rectangles for each box associated with this element.

@DocsEditable(), @DomName('Element.getClientRects')
getComputedStyle([String pseudoElement ]) → CssStyleDeclaration: The set of all CSS values applied to this element, including inherited and default values.
getDestinationInsertionPoints() → List<Node>: Returns a list of shadow DOM insertion points to which this element is distributed.

@DocsEditable(), @DomName('Element.getDestinationInsertionPoints'), @Experimental()
getElementsByClassName(String classNames) → List<Node>: Returns a list of nodes with the given class name inside this element.

@DocsEditable(), @DomName('Element.getElementsByClassName')
getNamespacedAttributes(String namespace) → Map<String, String>: Gets a map for manipulating the attributes of a particular namespace.
insertAdjacentElement(String where, Element element) → Element: @DocsEditable(), @DomName('Element.insertAdjacentElement'), @Experimental()
insertAdjacentHtml(String where, String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void: Parses text as an HTML fragment and inserts it into the DOM at the specified location.
insertAdjacentText(String where, String text) → void: @DocsEditable(), @DomName('Element.insertAdjacentText'), @Experimental()
leftView() → void: Deprecated*: override detached instead.

@Experimental()
matches(String selectors) → bool: @DocsEditable(), @DomName('Element.matches'), @Experimental()
matchesWithAncestors(String selectors) → bool: Checks if this element or any of its parents match the CSS selectors.

@Experimental()
offsetTo(Element parent) → Point: Provides the offset of this element's borderEdge relative to the specified parent.

@Experimental()
query(String relativeSelectors) → Element: Alias for querySelector. Note this function is deprecated because its semantics will be changing in the future.

@DomName('Element.querySelector'), @Experimental()
queryAll(String relativeSelectors) → ElementList<Element>: Alias for querySelectorAll. Note this function is deprecated because its semantics will be changing in the future.

@DomName('Element.querySelectorAll'), @Experimental()
querySelector(String selectors) → Element: Finds the first descendant element of this element that matches the specified group of selectors.

@DocsEditable(), @DomName('Element.querySelector')
querySelectorAll(String selectors) → ElementList<Element>: Finds all descendent elements of this element that match the specified group of selectors.

@DomName('Element.querySelectorAll')
remove() → void: Removes this node from the DOM.

@DocsEditable(), @DomName('Element.remove')
requestFullscreen() → void: @DocsEditable(), @DomName('Element.requestFullscreen'), @Experimental()
requestPointerLock() → void: @DocsEditable(), @DomName('Element.requestPointerLock'), @Experimental()
scroll([options_OR_x, num y ]) → void
scrollBy([options_OR_x, num y ]) → void
scrollIntoView([ScrollAlignment alignment ]) → void: Scrolls this element into view.
scrollTo([options_OR_x, num y ]) → void
setAttribute(String name, String value) → void: @DocsEditable(), @DomName('Element.setAttribute')
setAttributeNS(String namespaceURI, String name, String value) → void: @DocsEditable(), @DomName('Element.setAttributeNS')
setInnerHtml(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void: Parses the HTML fragment and sets it as the contents of this element. This ensures that the generated content follows the sanitization rules specified by the validator or treeSanitizer.
toString() → String: The string representation of this element.
addEventListener(String type, EventListener listener, [ bool useCapture ]) → void: inherited
append(Node node) → Node: Adds a node to the end of the child nodes list of this node.

@DocsEditable(), @DomName('Node.appendChild'), inherited
clone(bool deep) → Node: Returns a copy of this node.

@DocsEditable(), @DomName('Node.cloneNode'), inherited
contains(Node other) → bool: Returns true if this node contains the specified node.

@DocsEditable(), @DomName('Node.contains'), inherited
dispatchEvent(Event event) → bool: @DocsEditable(), @DomName('EventTarget.dispatchEvent'), inherited
hasChildNodes() → bool: Returns true if this node has any children.

@DocsEditable(), @DomName('Node.hasChildNodes'), inherited
insertAllBefore(Iterable<Node> newNodes, Node refChild) → Node: Inserts all of the nodes into this node directly before refChild.

inherited
insertBefore(Node node, Node child) → Node: Inserts all of the nodes into this node directly before refChild.

@DocsEditable(), @DomName('Node.insertBefore'), inherited
noSuchMethod(Invocation invocation) → dynamic: Invoked when a non-existent method or property is accessed.

inherited
removeEventListener(String type, EventListener listener, [ bool useCapture ]) → void: inherited
replaceWith(Node otherNode) → Node: Replaces this node with another node.

@DomName('Node.replaceChild'), inherited

class Element

Dart SDK

dart:html

Constants

Static Properties

Static Methods

Constructors

Properties

Operators

Methods

Element