dart:html

Element class

An abstract class, which all HTML elements extend.

Inheritance

• Object
• JSObject
• DartHtmlDomObject
• EventTarget
• Node
• Element

Implements

• NonDocumentTypeChildNode
• GlobalEventHandlers
• ParentNode
• ChildNode

Implemented by

• HtmlElement
• InputElementBase
• SvgElement

Annotations

• @DocsEditable()
• @DomName('Element')

Constants

abortEvent → EventStreamProvider<Event>

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

Static factory designed to expose abort events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('abort')

beforeCopyEvent → EventStreamProvider<Event>

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

Static factory designed to expose beforecopy events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('beforecopy')

beforeCutEvent → EventStreamProvider<Event>

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

Static factory designed to expose beforecut events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('beforecut')

beforePasteEvent → EventStreamProvider<Event>

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

Static factory designed to expose beforepaste events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('beforepaste')

blurEvent → EventStreamProvider<Event>

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

Static factory designed to expose blur events to event handlers that are not necessarily instances of Element.

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>

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

Static factory designed to expose change events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('change')

clickEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose click events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('click')

contextMenuEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose contextmenu events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('contextmenu')

copyEvent → EventStreamProvider<ClipboardEvent>

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

Static factory designed to expose copy events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<ClipboardEvent>('copy')

cutEvent → EventStreamProvider<ClipboardEvent>

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

Static factory designed to expose cut events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<ClipboardEvent>('cut')

doubleClickEvent → EventStreamProvider<Event>

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

Static factory designed to expose doubleclick events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('dblclick')

dragEndEvent → EventStreamProvider<MouseEvent>

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

A stream of dragend events fired when an element completes a drag operation.

const EventStreamProvider<MouseEvent>('dragend')

dragEnterEvent → EventStreamProvider<MouseEvent>

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

A stream of dragenter events fired when a dragged object is first dragged over an element.

const EventStreamProvider<MouseEvent>('dragenter')

dragEvent → EventStreamProvider<MouseEvent>

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

A stream of drag events fired when an element is currently being dragged.

const EventStreamProvider<MouseEvent>('drag')

dragLeaveEvent → EventStreamProvider<MouseEvent>

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

A stream of dragleave events fired when an object being dragged over an element leaves the element's target area.

const EventStreamProvider<MouseEvent>('dragleave')

dragOverEvent → EventStreamProvider<MouseEvent>

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

A stream of dragover events fired when a dragged object is currently being dragged over an element.

const EventStreamProvider<MouseEvent>('dragover')

dragStartEvent → EventStreamProvider<MouseEvent>

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

A stream of dragstart events for a dragged element whose drag has begun.

const EventStreamProvider<MouseEvent>('dragstart')

dropEvent → EventStreamProvider<MouseEvent>

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

A stream of drop events fired when a dragged object is dropped on an element.

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>

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

Static factory designed to expose error events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('error')

focusEvent → EventStreamProvider<Event>

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

Static factory designed to expose focus events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('focus')

fullscreenChangeEvent → EventStreamProvider<Event>

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

Static factory designed to expose fullscreenchange events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('webkitfullscreenchange')

fullscreenErrorEvent → EventStreamProvider<Event>

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

Static factory designed to expose fullscreenerror events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('webkitfullscreenerror')

inputEvent → EventStreamProvider<Event>

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

Static factory designed to expose input events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('input')

invalidEvent → EventStreamProvider<Event>

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

Static factory designed to expose invalid events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('invalid')

keyDownEvent → EventStreamProvider<KeyboardEvent>

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

Static factory designed to expose keydown events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<KeyboardEvent>('keydown')

keyPressEvent → EventStreamProvider<KeyboardEvent>

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

Static factory designed to expose keypress events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<KeyboardEvent>('keypress')

keyUpEvent → EventStreamProvider<KeyboardEvent>

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

Static factory designed to expose keyup events to event handlers that are not necessarily instances of Element.

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>

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

Static factory designed to expose load events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('load')

mouseDownEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mousedown events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mousedown')

mouseEnterEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mouseenter events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mouseenter')

mouseLeaveEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mouseleave events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mouseleave')

mouseMoveEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mousemove events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mousemove')

mouseOutEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mouseout events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mouseout')

mouseOverEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mouseover events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mouseover')

mouseUpEvent → EventStreamProvider<MouseEvent>

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

Static factory designed to expose mouseup events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<MouseEvent>('mouseup')

mouseWheelEvent → EventStreamProvider<WheelEvent>

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

const EventStreamProvider<WheelEvent>('mousewheel')

pasteEvent → EventStreamProvider<ClipboardEvent>

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

Static factory designed to expose paste events to event handlers that are not necessarily instances of Element.

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>

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

Static factory designed to expose reset events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('reset')

resizeEvent → EventStreamProvider<Event>

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

const EventStreamProvider<Event>('resize')

scrollEvent → EventStreamProvider<Event>

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

Static factory designed to expose scroll events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('scroll')

searchEvent → EventStreamProvider<Event>

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

Static factory designed to expose search events to event handlers that are not necessarily instances of Element.

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>

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

Static factory designed to expose select events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('select')

selectStartEvent → EventStreamProvider<Event>

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

Static factory designed to expose selectstart events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<Event>('selectstart')

stalledEvent → EventStreamProvider<Event>

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

const EventStreamProvider<Event>('stalled')

submitEvent → EventStreamProvider<Event>

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

Static factory designed to expose submit events to event handlers that are not necessarily instances of Element.

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>

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

Static factory designed to expose touchcancel events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<TouchEvent>('touchcancel')

touchEndEvent → EventStreamProvider<TouchEvent>

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

Static factory designed to expose touchend events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<TouchEvent>('touchend')

touchEnterEvent → EventStreamProvider<TouchEvent>

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

Static factory designed to expose touchenter events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<TouchEvent>('touchenter')

touchLeaveEvent → EventStreamProvider<TouchEvent>

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

Static factory designed to expose touchleave events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<TouchEvent>('touchleave')

touchMoveEvent → EventStreamProvider<TouchEvent>

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

Static factory designed to expose touchmove events to event handlers that are not necessarily instances of Element.

const EventStreamProvider<TouchEvent>('touchmove')

touchStartEvent → EventStreamProvider<TouchEvent>

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

Static factory designed to expose touchstart events to event handlers that are not necessarily instances of Element.

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()

factory

Creates a new <a> element.

Element.article()

factory

Creates a new <article> element.

Element.aside()

factory

Creates a new <aside> element.

Element.audio()

factory

Creates a new <audio> element.

Element.br()

factory

Creates a new <br> element.

Element.canvas()

factory

Creates a new <canvas> element.

Element.created()

Custom element creation constructor.

Element.div()

factory

Creates a new <div> element.

Element.footer()

factory

Creates a new <footer> element.

Element.header()

factory

Creates a new <header> element.

Element.hr()

factory

Creates a new <hr> element.

Element.html(String html, { NodeValidator validator, NodeTreeSanitizer treeSanitizer })

factory

Creates an HTML element from a valid fragment of HTML.

Element.iframe()

factory

Creates a new <iframe> element.

Element.img()

factory

Creates a new <img> element.

Element.internal_()

Element.li()

factory

Creates a new <li> element.

Element.nav()

factory

Creates a new <nav> element.

Element.ol()

factory

Creates a new <ol> element.

Element.option()

factory

Creates a new <option> element.

Element.p()

factory

Creates a new <p> element.

Element.pre()

factory

Creates a new <pre> element.

Element.section()

factory

Creates a new <section> element.

Element.select()

factory

Creates a new <select> element.

Element.span()

factory

Creates a new <span> element.

Element.svg()

factory

Creates a new <svg> element.

Element.table()

factory

Creates a new <table> element.

Element.tag(String tag, [ String typeExtention ])

factory

Creates the HTML element specified by the tag name.

Element.td()

factory

Creates a new <td> element.

Element.textarea()

factory

Creates a new <textarea> element.

Element.th()

factory

Creates a new <th> element.

Element.tr()

factory

Creates a new <tr> element.

Element.ul()

factory

Creates a new <ul> element.

Element.video()

factory

Creates a new <video> element.

Properties

assignedSlot → SlotElement

@DocsEditable(), @DomName('Element.assignedSlot'), @Experimental(), read-only

attributes → Map<String, String>

read / write

All attributes on this element.

borderEdge → CssRect

@Experimental(), read-only

Access the dimensions and position of this element's content + padding + border box.

children → List<Element>

read / write

List of the direct children of this element.

classes → CssClassSet

read / write

The set of CSS classes applied to this element.

className → String

@DocsEditable(), @DomName('Element.className'), read / write

client → Rectangle

read-only

Gets the position of this element relative to the client area of the page.

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

@Experimental(), read-only

Access this element's content position.

contentEditable → String

read / write

contextMenu → MenuElement

read / write

dataset → Map<String, String>

read / write

Allows access to all custom data attributes (data-*) set on this element.

dir → String

read / write

documentOffset → Point

@Experimental(), read-only

Provides the coordinates of the element relative to the top of the document.

draggable → bool

read / write

dropzone → String

read / write

hidden → bool

read / write

id → String

@DocsEditable(), @DomName('Element.id'), read / write

innerHtml → String

read / write

Parses the HTML fragment and sets it as the contents of this element.

isContentEditable → bool

read-only

lang → String

read / write

localName → String

@DocsEditable(), @DomName('Element.localName'), read-only

marginEdge → CssRect

@Experimental(), read-only

Access the dimensions and position of this element's content + padding + border + margin box.

namespaceUri → String

@DomName('Element.namespaceUri'), read-only

A URI that identifies the XML namespace of this element.

nextElementSibling → Element

@DocsEditable(), @DomName('Element.nextElementSibling'), read-only

offset → Rectangle

read-only

Gets the offset of this element relative to its offsetParent.

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

read-only

This is an ease-of-use accessor for event streams which should only be used when an explicit accessor is not available.

onAbort → ElementStream<Event>

@DocsEditable(), @DomName('Element.onabort'), read-only

Stream of abort events handled by this Element.

onBeforeCopy → ElementStream<Event>

@DocsEditable(), @DomName('Element.onbeforecopy'), read-only

Stream of beforecopy events handled by this Element.

onBeforeCut → ElementStream<Event>

@DocsEditable(), @DomName('Element.onbeforecut'), read-only

Stream of beforecut events handled by this Element.

onBeforePaste → ElementStream<Event>

@DocsEditable(), @DomName('Element.onbeforepaste'), read-only

Stream of beforepaste events handled by this Element.

onBlur → ElementStream<Event>

@DocsEditable(), @DomName('Element.onblur'), read-only

Stream of blur events handled by this Element.

onCanPlay → ElementStream<Event>

@DocsEditable(), @DomName('Element.oncanplay'), @Experimental(), read-only

onCanPlayThrough → ElementStream<Event>

@DocsEditable(), @DomName('Element.oncanplaythrough'), @Experimental(), read-only

onChange → ElementStream<Event>

@DocsEditable(), @DomName('Element.onchange'), read-only

Stream of change events handled by this Element.

onClick → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onclick'), read-only

Stream of click events handled by this Element.

onContextMenu → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.oncontextmenu'), read-only

Stream of contextmenu events handled by this Element.

onCopy → ElementStream<ClipboardEvent>

@DocsEditable(), @DomName('Element.oncopy'), read-only

Stream of copy events handled by this Element.

onCut → ElementStream<ClipboardEvent>

@DocsEditable(), @DomName('Element.oncut'), read-only

Stream of cut events handled by this Element.

onDoubleClick → ElementStream<Event>

@DocsEditable(), @DomName('Element.ondblclick'), read-only

Stream of doubleclick events handled by this Element.

onDrag → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondrag'), read-only

A stream of drag events fired when this element currently being dragged.

onDragEnd → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondragend'), read-only

A stream of dragend events fired when this element completes a drag operation.

onDragEnter → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondragenter'), read-only

A stream of dragenter events fired when a dragged object is first dragged over this element.

onDragLeave → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondragleave'), read-only

A stream of dragleave events fired when an object being dragged over this element leaves this element's target area.

onDragOver → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondragover'), read-only

A stream of dragover events fired when a dragged object is currently being dragged over this element.

onDragStart → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondragstart'), read-only

A stream of dragstart events fired when this element starts being dragged.

onDrop → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.ondrop'), read-only

A stream of drop events fired when a dragged object is dropped on this element.

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>

@DocsEditable(), @DomName('Element.onerror'), read-only

Stream of error events handled by this Element.

onFocus → ElementStream<Event>

@DocsEditable(), @DomName('Element.onfocus'), read-only

Stream of focus events handled by this Element.

onFullscreenChange → ElementStream<Event>

@DocsEditable(), @DomName('Element.onwebkitfullscreenchange'), @Experimental(), read-only

Stream of fullscreenchange events handled by this Element.

onFullscreenError → ElementStream<Event>

@DocsEditable(), @DomName('Element.onwebkitfullscreenerror'), @Experimental(), read-only

Stream of fullscreenerror events handled by this Element.

onInput → ElementStream<Event>

@DocsEditable(), @DomName('Element.oninput'), read-only

Stream of input events handled by this Element.

onInvalid → ElementStream<Event>

@DocsEditable(), @DomName('Element.oninvalid'), read-only

Stream of invalid events handled by this Element.

onKeyDown → ElementStream<KeyboardEvent>

@DocsEditable(), @DomName('Element.onkeydown'), read-only

Stream of keydown events handled by this Element.

onKeyPress → ElementStream<KeyboardEvent>

@DocsEditable(), @DomName('Element.onkeypress'), read-only

Stream of keypress events handled by this Element.

onKeyUp → ElementStream<KeyboardEvent>

@DocsEditable(), @DomName('Element.onkeyup'), read-only

Stream of keyup events handled by this Element.

onLoad → ElementStream<Event>

@DocsEditable(), @DomName('Element.onload'), read-only

Stream of load events handled by this Element.

onLoadedData → ElementStream<Event>

@DocsEditable(), @DomName('Element.onloadeddata'), @Experimental(), read-only

onLoadedMetadata → ElementStream<Event>

@DocsEditable(), @DomName('Element.onloadedmetadata'), @Experimental(), read-only

onMouseDown → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmousedown'), read-only

Stream of mousedown events handled by this Element.

onMouseEnter → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmouseenter'), @Experimental(), read-only

Stream of mouseenter events handled by this Element.

onMouseLeave → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmouseleave'), @Experimental(), read-only

Stream of mouseleave events handled by this Element.

onMouseMove → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmousemove'), read-only

Stream of mousemove events handled by this Element.

onMouseOut → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmouseout'), read-only

Stream of mouseout events handled by this Element.

onMouseOver → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmouseover'), read-only

Stream of mouseover events handled by this Element.

onMouseUp → ElementStream<MouseEvent>

@DocsEditable(), @DomName('Element.onmouseup'), read-only

Stream of mouseup events handled by this Element.

onMouseWheel → ElementStream<WheelEvent>

@DocsEditable(), @DomName('Element.onmousewheel'), @Experimental(), read-only

Stream of mousewheel events handled by this Element.

onPaste → ElementStream<ClipboardEvent>

@DocsEditable(), @DomName('Element.onpaste'), read-only

Stream of paste events handled by this Element.

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>

@DocsEditable(), @DomName('Element.onreset'), read-only

Stream of reset events handled by this Element.

onResize → ElementStream<Event>

@DocsEditable(), @DomName('Element.onresize'), @Experimental(), read-only

onScroll → ElementStream<Event>

@DocsEditable(), @DomName('Element.onscroll'), read-only

Stream of scroll events handled by this Element.

onSearch → ElementStream<Event>

@DocsEditable(), @DomName('Element.onsearch'), @Experimental(), read-only

Stream of search events handled by this Element.

onSeeked → ElementStream<Event>

@DocsEditable(), @DomName('Element.onseeked'), @Experimental(), read-only

onSeeking → ElementStream<Event>

@DocsEditable(), @DomName('Element.onseeking'), @Experimental(), read-only

onSelect → ElementStream<Event>

@DocsEditable(), @DomName('Element.onselect'), read-only

Stream of select events handled by this Element.

onSelectStart → ElementStream<Event>

@DocsEditable(), @DomName('Element.onselectstart'), @Experimental(), read-only

Stream of selectstart events handled by this Element.

onStalled → ElementStream<Event>

@DocsEditable(), @DomName('Element.onstalled'), @Experimental(), read-only

onSubmit → ElementStream<Event>

@DocsEditable(), @DomName('Element.onsubmit'), read-only

Stream of submit events handled by this Element.

onSuspend → ElementStream<Event>

@DocsEditable(), @DomName('Element.onsuspend'), @Experimental(), read-only

onTimeUpdate → ElementStream<Event>

@DocsEditable(), @DomName('Element.ontimeupdate'), @Experimental(), read-only

onTouchCancel → ElementStream<TouchEvent>

@DocsEditable(), @DomName('Element.ontouchcancel'), @Experimental(), read-only

Stream of touchcancel events handled by this Element.

onTouchEnd → ElementStream<TouchEvent>

@DocsEditable(), @DomName('Element.ontouchend'), @Experimental(), read-only

Stream of touchend events handled by this Element.

onTouchEnter → ElementStream<TouchEvent>

@DocsEditable(), @DomName('Element.ontouchenter'), @Experimental(), read-only

Stream of touchenter events handled by this Element.

onTouchLeave → ElementStream<TouchEvent>

@DocsEditable(), @DomName('Element.ontouchleave'), @Experimental(), read-only

Stream of touchleave events handled by this Element.

onTouchMove → ElementStream<TouchEvent>

@DocsEditable(), @DomName('Element.ontouchmove'), @Experimental(), read-only

Stream of touchmove events handled by this Element.

onTouchStart → ElementStream<TouchEvent>

@DocsEditable(), @DomName('Element.ontouchstart'), @Experimental(), read-only

Stream of touchstart events handled by this Element.

onTransitionEnd → ElementStream<TransitionEvent>

@DocsEditable(), @DomName('Element.ontransitionend'), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.FIREFOX), @SupportedBrowser(SupportedBrowser.IE, '10'), @SupportedBrowser(SupportedBrowser.SAFARI), read-only

Stream of transitionend events handled by this Element.

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

@Experimental(), read-only

Access the dimensions and position of this element's content + padding box.

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

slot → String

@DocsEditable(), @DomName('Element.slot'), @Experimental(), read / write

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

read / write

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.

baseUri → String

@DocsEditable(), @DomName('Node.baseURI'), read-only, inherited

childNodes → List<Node>

@DocsEditable(), @DomName('Node.childNodes'), read-only, inherited

A list of this node's children.

firstChild → Node

@DocsEditable(), @DomName('Node.firstChild'), read-only, inherited

The first child of this node.

hashCode → int

read-only, inherited

lastChild → Node

@DocsEditable(), @DomName('Node.lastChild'), read-only, inherited

The last child of this node.

nextNode → Node

@DocsEditable(), @DomName('Node.nextSibling'), read-only, inherited

The next sibling node.

nodeName → String

@DocsEditable(), @DomName('Node.nodeName'), read-only, inherited

The name of this node.

nodes → List<Node>

read / write, inherited

A modifiable list of this node's children.

nodeType → int

@DocsEditable(), @DomName('Node.nodeType'), read-only, inherited

The type of node.

nodeValue → String

@DocsEditable(), @DomName('Node.nodeValue'), read-only, inherited

The value of this node.

ownerDocument → Document

@DocsEditable(), @DomName('Node.ownerDocument'), read-only, inherited

The document this node belongs to.

parent → Element

@DocsEditable(), @DomName('Node.parentElement'), read-only, inherited

The parent element of this node.

parentNode → Node

@DocsEditable(), @DomName('Node.parentNode'), read-only, inherited

The parent node of this node.

previousNode → Node

@DocsEditable(), @DomName('Node.previousSibling'), read-only, inherited

The previous sibling node.

runtimeType → Type

read-only, inherited

A representation of the runtime type of the object.

text → String

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

All text within this node and its descendents.

treeRoot → Node

@DocsEditable(), @DomName('Node.treeRoot'), @Experimental(), read-only, inherited

Operators

operator ==(other) → bool

inherited

The equality operator.

Methods

animate(Iterable<Map<String, dynamic>> frames, [ timing ]) → Animation

@Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '36')

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.

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

@Experimental()

Called by the DOM when this element has been inserted into the live document.

attachShadow(Map shadowRootInitDict) → ShadowRoot

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

attributeChanged(String name, String oldValue, String newValue) → void

Called by the DOM whenever an attribute on this has been changed.

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() → ShadowRoot

@DocsEditable(), @DomName('Element.createShadowRoot'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '25')

detached() → void

@Experimental()

Called by the DOM when this element has been removed from the live document.

enteredView() → void

@Experimental()

Deprecated*: override attached instead.

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

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

Returns the smallest bounding rectangle that encompasses this element's padding, scrollbar, and border.

getClientRects() → List<Rectangle>

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

Returns a list of bounding rectangles for each box associated with this element.

getComputedStyle([String pseudoElement ]) → CssStyleDeclaration

The set of all CSS values applied to this element, including inherited and default values.

getDestinationInsertionPoints() → List<Node>

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

Returns a list of shadow DOM insertion points to which this element is distributed.

getElementsByClassName(String classNames) → List<Node>

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

Returns a list of nodes with the given class name inside this element.

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

@Experimental()

Deprecated*: override detached instead.

matches(String selectors) → bool

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

matchesWithAncestors(String selectors) → bool

@Experimental()

Checks if this element or any of its parents match the CSS selectors.

offsetTo(Element parent) → Point

@Experimental()

Provides the offset of this element's borderEdge relative to the specified parent.

query(String relativeSelectors) → Element

@DomName('Element.querySelector'), @Experimental()

Alias for querySelector. Note this function is deprecated because its semantics will be changing in the future.

queryAll(String relativeSelectors) → ElementList<Element>

@DomName('Element.querySelectorAll'), @Experimental()

Alias for querySelectorAll. Note this function is deprecated because its semantics will be changing in the future.

querySelector(String selectors) → Element

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

Finds the first descendant element of this element that matches the specified group of selectors.

querySelectorAll(String selectors) → ElementList<Element>

@DomName('Element.querySelectorAll')

Finds all descendent elements of this element that match the specified group of selectors.

remove() → void

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

Removes this node from the DOM.

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

setApplyScroll(ScrollStateCallback scrollStateCallback, String nativeScrollBehavior) → void

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

setAttribute(String name, String value) → void

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

setAttributeNS(String namespaceURI, String name, String value) → void

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

setDistributeScroll(ScrollStateCallback scrollStateCallback, String nativeScrollBehavior) → void

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

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

@DocsEditable(), @DomName('Node.appendChild'), inherited

Adds a node to the end of the child nodes list of this node.

clone(bool deep) → Node

@DocsEditable(), @DomName('Node.cloneNode'), inherited

Returns a copy of this node.

contains(Node other) → bool

@DocsEditable(), @DomName('Node.contains'), inherited

Returns true if this node contains the specified node.

dispatchEvent(Event event) → bool

@DocsEditable(), @DomName('EventTarget.dispatchEvent'), inherited

hasChildNodes() → bool

@DocsEditable(), @DomName('Node.hasChildNodes'), inherited

Returns true if this node has any children.

insertAllBefore(Iterable<Node> newNodes, Node refChild) → Node

inherited

Inserts all of the nodes into this node directly before refChild.

insertBefore(Node node, Node child) → Node

@DocsEditable(), @DomName('Node.insertBefore'), inherited

Inserts all of the nodes into this node directly before refChild.

noSuchMethod(Invocation invocation) → dynamic

inherited

Invoked when a non-existent method or property is accessed.

removeEventListener(String type, EventListener listener, [ bool useCapture ]) → void

inherited

replaceWith(Node otherNode) → Node

@DomName('Node.replaceChild'), inherited

Replaces this node with another node.