HtmlElement class - dart:html library

Inheritance

Implements

GlobalEventHandlers

Implemented by

Annotations

@DocsEditable()
@DomName('HTMLElement')

Constants

abortEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.abortEvent'), @Experimental()

const EventStreamProvider<Event>('abort')
blurEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.blurEvent'), @Experimental()

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

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

const EventStreamProvider<Event>('canplaythrough')
changeEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.changeEvent'), @Experimental()

const EventStreamProvider<Event>('change')
clickEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.clickEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('click')
contextMenuEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.contextmenuEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('contextmenu')
doubleClickEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.dblclickEvent'), @Experimental()

const EventStreamProvider<Event>('dblclick')
dragEndEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dragendEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('dragend')
dragEnterEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dragenterEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('dragenter')
dragEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dragEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('drag')
dragLeaveEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dragleaveEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('dragleave')
dragOverEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dragoverEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('dragover')
dragStartEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dragstartEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('dragstart')
dropEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.dropEvent'), @Experimental()

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

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

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

const EventStreamProvider<Event>('ended')
errorEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.errorEvent'), @Experimental()

const EventStreamProvider<Event>('error')
focusEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.focusEvent'), @Experimental()

const EventStreamProvider<Event>('focus')
inputEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.inputEvent'), @Experimental()

const EventStreamProvider<Event>('input')
invalidEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.invalidEvent'), @Experimental()

const EventStreamProvider<Event>('invalid')
keyDownEvent → EventStreamProvider<KeyboardEvent>: @DocsEditable(), @DomName('HTMLElement.keydownEvent'), @Experimental()

const EventStreamProvider<KeyboardEvent>('keydown')
keyPressEvent → EventStreamProvider<KeyboardEvent>: @DocsEditable(), @DomName('HTMLElement.keypressEvent'), @Experimental()

const EventStreamProvider<KeyboardEvent>('keypress')
keyUpEvent → EventStreamProvider<KeyboardEvent>: @DocsEditable(), @DomName('HTMLElement.keyupEvent'), @Experimental()

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

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

const EventStreamProvider<Event>('loadedmetadata')
loadEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.loadEvent'), @Experimental()

const EventStreamProvider<Event>('load')
mouseDownEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mousedownEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mousedown')
mouseEnterEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mouseenterEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mouseenter')
mouseLeaveEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mouseleaveEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mouseleave')
mouseMoveEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mousemoveEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mousemove')
mouseOutEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mouseoutEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mouseout')
mouseOverEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mouseoverEvent'), @Experimental()

const EventStreamProvider<MouseEvent>('mouseover')
mouseUpEvent → EventStreamProvider<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.mouseupEvent'), @Experimental()

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

const EventStreamProvider<WheelEvent>('mousewheel')
pauseEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.pauseEvent'), @Experimental()

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

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

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

const EventStreamProvider<Event>('ratechange')
resetEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.resetEvent'), @Experimental()

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

const EventStreamProvider<Event>('resize')
scrollEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.scrollEvent'), @Experimental()

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

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

const EventStreamProvider<Event>('seeking')
selectEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.selectEvent'), @Experimental()

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

const EventStreamProvider<Event>('stalled')
submitEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.submitEvent'), @Experimental()

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

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

const EventStreamProvider<Event>('timeupdate')
touchCancelEvent → EventStreamProvider<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.touchcancelEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchcancel')
touchEndEvent → EventStreamProvider<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.touchendEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchend')
touchMoveEvent → EventStreamProvider<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.touchmoveEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchmove')
touchStartEvent → EventStreamProvider<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.touchstartEvent'), @Experimental()

const EventStreamProvider<TouchEvent>('touchstart')
volumeChangeEvent → EventStreamProvider<Event>: @DocsEditable(), @DomName('HTMLElement.volumechangeEvent'), @Experimental()

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

const EventStreamProvider<Event>('waiting')

Static Properties

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

Constructors

HtmlElement.created(): Constructor instantiated by the DOM when a custom element has been created.
HtmlElement.internal_()

Properties

contentEditable → String: @DocsEditable(), @DomName('HTMLElement.contentEditable'), read / write
contextMenu → MenuElement: @DocsEditable(), @DomName('HTMLElement.contextMenu'), @Experimental(), read / write
dir → String: @DocsEditable(), @DomName('HTMLElement.dir'), read / write
draggable → bool: @DocsEditable(), @DomName('HTMLElement.draggable'), read / write
dropzone → String: @DocsEditable(), @DomName('HTMLElement.webkitdropzone'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME), @SupportedBrowser(SupportedBrowser.SAFARI), read / write
hidden → bool: @DocsEditable(), @DomName('HTMLElement.hidden'), read / write
isContentEditable → bool: @DocsEditable(), @DomName('HTMLElement.isContentEditable'), read-only
lang → String: @DocsEditable(), @DomName('HTMLElement.lang'), read / write
onAbort → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onabort'), @Experimental(), read-only
onBlur → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onblur'), @Experimental(), read-only
onCanPlay → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.oncanplay'), @Experimental(), read-only
onCanPlayThrough → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.oncanplaythrough'), @Experimental(), read-only
onChange → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onchange'), @Experimental(), read-only
onClick → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onclick'), @Experimental(), read-only
onContextMenu → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.oncontextmenu'), @Experimental(), read-only
onDoubleClick → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.ondblclick'), @Experimental(), read-only
onDrag → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondrag'), @Experimental(), read-only
onDragEnd → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondragend'), @Experimental(), read-only
onDragEnter → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondragenter'), @Experimental(), read-only
onDragLeave → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondragleave'), @Experimental(), read-only
onDragOver → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondragover'), @Experimental(), read-only
onDragStart → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondragstart'), @Experimental(), read-only
onDrop → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.ondrop'), @Experimental(), read-only
onDurationChange → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.ondurationchange'), @Experimental(), read-only
onEmptied → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onemptied'), @Experimental(), read-only
onEnded → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onended'), @Experimental(), read-only
onError → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onerror'), @Experimental(), read-only
onFocus → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onfocus'), @Experimental(), read-only
onInput → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.oninput'), @Experimental(), read-only
onInvalid → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.oninvalid'), @Experimental(), read-only
onKeyDown → ElementStream<KeyboardEvent>: @DocsEditable(), @DomName('HTMLElement.onkeydown'), @Experimental(), read-only
onKeyPress → ElementStream<KeyboardEvent>: @DocsEditable(), @DomName('HTMLElement.onkeypress'), @Experimental(), read-only
onKeyUp → ElementStream<KeyboardEvent>: @DocsEditable(), @DomName('HTMLElement.onkeyup'), @Experimental(), read-only
onLoad → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onload'), @Experimental(), read-only
onLoadedData → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onloadeddata'), @Experimental(), read-only
onLoadedMetadata → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onloadedmetadata'), @Experimental(), read-only
onMouseDown → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmousedown'), @Experimental(), read-only
onMouseEnter → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmouseenter'), @Experimental(), read-only
onMouseLeave → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmouseleave'), @Experimental(), read-only
onMouseMove → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmousemove'), @Experimental(), read-only
onMouseOut → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmouseout'), @Experimental(), read-only
onMouseOver → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmouseover'), @Experimental(), read-only
onMouseUp → ElementStream<MouseEvent>: @DocsEditable(), @DomName('HTMLElement.onmouseup'), @Experimental(), read-only
onMouseWheel → ElementStream<WheelEvent>: @DocsEditable(), @DomName('HTMLElement.onmousewheel'), @Experimental(), read-only
onPause → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onpause'), @Experimental(), read-only
onPlay → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onplay'), @Experimental(), read-only
onPlaying → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onplaying'), @Experimental(), read-only
onRateChange → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onratechange'), @Experimental(), read-only
onReset → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onreset'), @Experimental(), read-only
onResize → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onresize'), @Experimental(), read-only
onScroll → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onscroll'), @Experimental(), read-only
onSeeked → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onseeked'), @Experimental(), read-only
onSeeking → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onseeking'), @Experimental(), read-only
onSelect → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onselect'), @Experimental(), read-only
onStalled → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onstalled'), @Experimental(), read-only
onSubmit → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onsubmit'), @Experimental(), read-only
onSuspend → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onsuspend'), @Experimental(), read-only
onTimeUpdate → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.ontimeupdate'), @Experimental(), read-only
onTouchCancel → ElementStream<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.ontouchcancel'), @Experimental(), read-only
onTouchEnd → ElementStream<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.ontouchend'), @Experimental(), read-only
onTouchMove → ElementStream<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.ontouchmove'), @Experimental(), read-only
onTouchStart → ElementStream<TouchEvent>: @DocsEditable(), @DomName('HTMLElement.ontouchstart'), @Experimental(), read-only
onVolumeChange → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onvolumechange'), @Experimental(), read-only
onWaiting → ElementStream<Event>: @DocsEditable(), @DomName('HTMLElement.onwaiting'), @Experimental(), read-only
spellcheck → bool: @DocsEditable(), @DomName('HTMLElement.spellcheck'), @Experimental(), read / write
style → CssStyleDeclaration: @DocsEditable(), @DomName('HTMLElement.style'), @Experimental(), read-only
tabIndex → int: @DocsEditable(), @DomName('HTMLElement.tabIndex'), read / write
title → String: @DocsEditable(), @DomName('HTMLElement.title'), read / write
translate → bool: @DocsEditable(), @DomName('HTMLElement.translate'), read / write
assignedSlot → SlotElement: @DocsEditable(), @DomName('Element.assignedSlot'), @Experimental(), read-only, inherited
attributes → Map<String, String>: All attributes on this element.

read / write, inherited
baseUri → String: @DocsEditable(), @DomName('Node.baseURI'), read-only, inherited
borderEdge → CssRect: Access the dimensions and position of this element's content + padding + border box.

@Experimental(), read-only, inherited
childNodes → List<Node>: A list of this node's children.

@DocsEditable(), @DomName('Node.childNodes'), read-only, inherited
children → List<Element>: List of the direct children of this element.

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

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

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

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

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

@Experimental(), read-only, inherited
firstChild → Node: The first child of this node.

@DocsEditable(), @DomName('Node.firstChild'), read-only, inherited
hashCode → int: read-only, inherited
id → String: @DocsEditable(), @DomName('Element.id'), read / write, inherited
innerHtml → String: Parses the HTML fragment and sets it as the contents of this element.

read / write, inherited
lastChild → Node: The last child of this node.

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

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

@DomName('Element.namespaceUri'), read-only, inherited
nextElementSibling → Element: @DocsEditable(), @DomName('Element.nextElementSibling'), 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
offset → Rectangle: Gets the offset of this element relative to its offsetParent.

read-only, inherited
offsetHeight → int: @DocsEditable(), @DomName('Element.offsetHeight'), read-only, inherited
offsetLeft → int: @DocsEditable(), @DomName('Element.offsetLeft'), read-only, inherited
offsetParent → Element: @DocsEditable(), @DomName('Element.offsetParent'), read-only, inherited
offsetTop → int: @DocsEditable(), @DomName('Element.offsetTop'), read-only, inherited
offsetWidth → int: @DocsEditable(), @DomName('Element.offsetWidth'), read-only, inherited
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, inherited
onBeforeCopy → ElementStream<Event>: Stream of beforecopy events handled by this Element.

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

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

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

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

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

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

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

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

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

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

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

@DocsEditable(), @DomName('Element.ontouchleave'), @Experimental(), read-only, inherited
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, inherited
outerHtml → String: @DocsEditable(), @DomName('Element.outerHTML'), read-only, inherited
ownerDocument → Document: The document this node belongs to.

@DocsEditable(), @DomName('Node.ownerDocument'), read-only, inherited
paddingEdge → CssRect: Access the dimensions and position of this element's content + padding box.

@Experimental(), 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
previousElementSibling → Element: @DocsEditable(), @DomName('Element.previousElementSibling'), 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
scrollHeight → int: @DocsEditable(), @DomName('Element.scrollHeight'), read-only, inherited
scrollLeft → int: @DocsEditable(), @DomName('Element.scrollLeft'), read / write, inherited
scrollTop → int: @DocsEditable(), @DomName('Element.scrollTop'), read / write, inherited
scrollWidth → int: @DocsEditable(), @DomName('Element.scrollWidth'), read-only, inherited
shadowRoot → ShadowRoot: @DocsEditable(), @DomName('Element.shadowRoot'), @Experimental(), read-only, inherited
slot → String: @DocsEditable(), @DomName('Element.slot'), @Experimental(), read / write, inherited
tagName → String: @DocsEditable(), @DomName('Element.tagName'), read-only, inherited
text → String: All text within this node and its descendents.

@DocsEditable(), @DomName('Node.textContent'), read / write, inherited
treeRoot → Node: @DocsEditable(), @DomName('Node.treeRoot'), @Experimental(), read-only, inherited
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, inherited

Operators

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

inherited

Methods

blur() → void: @DocsEditable(), @DomName('HTMLElement.blur'), @Experimental()
click() → void: @DocsEditable(), @DomName('HTMLElement.click')
focus() → void: @DocsEditable(), @DomName('HTMLElement.focus'), @Experimental()
addEventListener(String type, EventListener listener, [ bool useCapture ]) → void: inherited
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'), inherited
append(Node node) → Node: Adds a node to the end of the child nodes list of this node.

@DocsEditable(), @DomName('Node.appendChild'), inherited
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.

inherited
appendText(String text) → void: Adds the specified text after the last child of this element.

inherited
attached() → void: Called by the DOM when this element has been inserted into the live document.

@Experimental(), inherited
attachShadow(Map shadowRootInitDict) → ShadowRoot: @DocsEditable(), @DomName('Element.attachShadow'), @Experimental(), inherited
attributeChanged(String name, String oldValue, String newValue) → void: Called by the DOM whenever an attribute on this has been changed.

inherited
clone(bool deep) → Node: Returns a copy of this node.

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

@DocsEditable(), @DomName('Node.contains'), inherited
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.

inherited
createShadowRoot() → ShadowRoot: @DocsEditable(), @DomName('Element.createShadowRoot'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '25'), inherited
detached() → void: Called by the DOM when this element has been removed from the live document.

@Experimental(), inherited
dispatchEvent(Event event) → bool: @DocsEditable(), @DomName('EventTarget.dispatchEvent'), inherited
enteredView() → void: Deprecated*: override attached instead.

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

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

@DocsEditable(), @DomName('Element.getClientRects'), inherited
getComputedStyle([String pseudoElement ]) → CssStyleDeclaration: The set of all CSS values applied to this element, including inherited and default values.

inherited
getDestinationInsertionPoints() → List<Node>: Returns a list of shadow DOM insertion points to which this element is distributed.

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

@DocsEditable(), @DomName('Element.getElementsByClassName'), inherited
getNamespacedAttributes(String namespace) → Map<String, String>: Gets a map for manipulating the attributes of a particular namespace.

inherited
hasChildNodes() → bool: Returns true if this node has any children.

@DocsEditable(), @DomName('Node.hasChildNodes'), inherited
insertAdjacentElement(String where, Element element) → Element: @DocsEditable(), @DomName('Element.insertAdjacentElement'), @Experimental(), inherited
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.

inherited
insertAdjacentText(String where, String text) → void: @DocsEditable(), @DomName('Element.insertAdjacentText'), @Experimental(), 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
leftView() → void: Deprecated*: override detached instead.

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

@Experimental(), inherited
noSuchMethod(Invocation invocation) → dynamic: Invoked when a non-existent method or property is accessed.

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

@Experimental(), inherited
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(), inherited
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(), inherited
querySelector(String selectors) → Element: Finds the first descendant element of this element that matches the specified group of selectors.

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

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

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

@DomName('Node.replaceChild'), inherited
requestFullscreen() → void: @DocsEditable(), @DomName('Element.requestFullscreen'), @Experimental(), inherited
requestPointerLock() → void: @DocsEditable(), @DomName('Element.requestPointerLock'), @Experimental(), inherited
scroll([options_OR_x, num y ]) → void: inherited
scrollBy([options_OR_x, num y ]) → void: inherited
scrollIntoView([ScrollAlignment alignment ]) → void: Scrolls this element into view.

inherited
scrollTo([options_OR_x, num y ]) → void: inherited
setApplyScroll(ScrollStateCallback scrollStateCallback, String nativeScrollBehavior) → void: @DocsEditable(), @DomName('Element.setApplyScroll'), @Experimental(), inherited
setAttribute(String name, String value) → void: @DocsEditable(), @DomName('Element.setAttribute'), inherited
setAttributeNS(String namespaceURI, String name, String value) → void: @DocsEditable(), @DomName('Element.setAttributeNS'), inherited
setDistributeScroll(ScrollStateCallback scrollStateCallback, String nativeScrollBehavior) → void: @DocsEditable(), @DomName('Element.setDistributeScroll'), @Experimental(), inherited
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.

inherited
toString() → String: The string representation of this element.

inherited

class HtmlElement

Dart SDK

dart:html

Constants

Static Properties

Constructors

Properties

Operators

Methods

HtmlElement