SvgElement class
- Inheritance
- Object
- EventTarget
- Node
- Element
- SvgElement
- Implements
- Implemented by
- AnimationElement
- DescElement
- DiscardElement
- FEBlendElement
- FEColorMatrixElement
- FEComponentTransferElement
- FECompositeElement
- FEConvolveMatrixElement
- FEDiffuseLightingElement
- FEDisplacementMapElement
- FEDistantLightElement
- FEFloodElement
- FEGaussianBlurElement
- FEImageElement
- FEMergeElement
- FEMergeNodeElement
- FEMorphologyElement
- FEOffsetElement
- FEPointLightElement
- FESpecularLightingElement
- FESpotLightElement
- FETileElement
- FETurbulenceElement
- FilterElement
- GraphicsElement
- MarkerElement
- MaskElement
- MetadataElement
- PatternElement
- ScriptElement
- StopElement
- StyleElement
- SymbolElement
- TitleElement
- ViewElement
- Annotations
- @DomName('SVGElement')
- @Unstable()
- @Native("SVGElement")
Constructors
- SvgElement.created()
- Constructor instantiated by the DOM when a custom element has been created. [...]
- SvgElement.svg(String svg, { NodeValidator validator, NodeTreeSanitizer treeSanitizer })
-
factory
- SvgElement.tag(String tag)
-
factory
Properties
- children ↔ List<Element>
-
List of the direct children of this element. [...]
read / write
- classes ↔ CssClassSet
-
The set of CSS classes applied to this element. [...]
inherited-setter, read / write, inherited
- innerHtml ↔ String
-
Parses the HTML fragment and sets it as the contents of this element. [...]
read / write
- isContentEditable → bool
-
read-only
- nonce ↔ String
-
@DocsEditable(), @DomName('SVGElement.nonce'), @Experimental(), read / write
- onAbort → ElementStream<Event>
-
Stream of
abort
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onabort'), @Experimental(), read-only - onBlur → ElementStream<Event>
-
Stream of
blur
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onblur'), @Experimental(), read-only - onCanPlay → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.oncanplay'), @Experimental(), read-only
- onCanPlayThrough → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.oncanplaythrough'), @Experimental(), read-only
- onChange → ElementStream<Event>
-
Stream of
change
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onchange'), @Experimental(), read-only - onClick → ElementStream<MouseEvent>
-
Stream of
click
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onclick'), @Experimental(), read-only - onContextMenu → ElementStream<MouseEvent>
-
Stream of
contextmenu
events handled by this Element.@DocsEditable(), @DomName('SVGElement.oncontextmenu'), @Experimental(), read-only - onDoubleClick → ElementStream<Event>
-
Stream of
doubleclick
events handled by this Element.@DocsEditable(), @DomName('SVGElement.ondblclick'), @Experimental(), read-only - onDrag → ElementStream<MouseEvent>
-
A stream of
drag
events fired when this element currently being dragged. [...]@DocsEditable(), @DomName('SVGElement.ondrag'), @Experimental(), read-only - onDragEnd → ElementStream<MouseEvent>
-
A stream of
dragend
events fired when this element completes a drag operation. [...]@DocsEditable(), @DomName('SVGElement.ondragend'), @Experimental(), read-only - onDragEnter → ElementStream<MouseEvent>
-
A stream of
dragenter
events fired when a dragged object is first dragged over this element. [...]@DocsEditable(), @DomName('SVGElement.ondragenter'), @Experimental(), 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('SVGElement.ondragleave'), @Experimental(), read-only - onDragOver → ElementStream<MouseEvent>
-
A stream of
dragover
events fired when a dragged object is currently being dragged over this element. [...]@DocsEditable(), @DomName('SVGElement.ondragover'), @Experimental(), read-only - onDragStart → ElementStream<MouseEvent>
-
A stream of
dragstart
events fired when this element starts being dragged. [...]@DocsEditable(), @DomName('SVGElement.ondragstart'), @Experimental(), read-only - onDrop → ElementStream<MouseEvent>
-
A stream of
drop
events fired when a dragged object is dropped on this element. [...]@DocsEditable(), @DomName('SVGElement.ondrop'), @Experimental(), read-only - onDurationChange → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.ondurationchange'), @Experimental(), read-only
- onEmptied → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onemptied'), @Experimental(), read-only
- onEnded → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onended'), @Experimental(), read-only
- onError → ElementStream<Event>
-
Stream of
error
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onerror'), @Experimental(), read-only - onFocus → ElementStream<Event>
-
Stream of
focus
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onfocus'), @Experimental(), read-only - onInput → ElementStream<Event>
-
Stream of
input
events handled by this Element.@DocsEditable(), @DomName('SVGElement.oninput'), @Experimental(), read-only - onInvalid → ElementStream<Event>
-
Stream of
invalid
events handled by this Element.@DocsEditable(), @DomName('SVGElement.oninvalid'), @Experimental(), read-only - onKeyDown → ElementStream<KeyboardEvent>
-
Stream of
keydown
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onkeydown'), @Experimental(), read-only - onKeyPress → ElementStream<KeyboardEvent>
-
Stream of
keypress
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onkeypress'), @Experimental(), read-only - onKeyUp → ElementStream<KeyboardEvent>
-
Stream of
keyup
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onkeyup'), @Experimental(), read-only - onLoad → ElementStream<Event>
-
Stream of
load
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onload'), @Experimental(), read-only - onLoadedData → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onloadeddata'), @Experimental(), read-only
- onLoadedMetadata → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onloadedmetadata'), @Experimental(), read-only
- onMouseDown → ElementStream<MouseEvent>
-
Stream of
mousedown
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmousedown'), @Experimental(), read-only - onMouseEnter → ElementStream<MouseEvent>
-
Stream of
mouseenter
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmouseenter'), @Experimental(), read-only - onMouseLeave → ElementStream<MouseEvent>
-
Stream of
mouseleave
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmouseleave'), @Experimental(), read-only - onMouseMove → ElementStream<MouseEvent>
-
Stream of
mousemove
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmousemove'), @Experimental(), read-only - onMouseOut → ElementStream<MouseEvent>
-
Stream of
mouseout
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmouseout'), @Experimental(), read-only - onMouseOver → ElementStream<MouseEvent>
-
Stream of
mouseover
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmouseover'), @Experimental(), read-only - onMouseUp → ElementStream<MouseEvent>
-
Stream of
mouseup
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmouseup'), @Experimental(), read-only - onMouseWheel → ElementStream<WheelEvent>
-
Stream of
mousewheel
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onmousewheel'), @Experimental(), read-only - onPause → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onpause'), @Experimental(), read-only
- onPlay → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onplay'), @Experimental(), read-only
- onPlaying → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onplaying'), @Experimental(), read-only
- onRateChange → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onratechange'), @Experimental(), read-only
- onReset → ElementStream<Event>
-
Stream of
reset
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onreset'), @Experimental(), read-only - onResize → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onresize'), @Experimental(), read-only
- onScroll → ElementStream<Event>
-
Stream of
scroll
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onscroll'), @Experimental(), read-only - onSeeked → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onseeked'), @Experimental(), read-only
- onSeeking → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onseeking'), @Experimental(), read-only
- onSelect → ElementStream<Event>
-
Stream of
select
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onselect'), @Experimental(), read-only - onStalled → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onstalled'), @Experimental(), read-only
- onSubmit → ElementStream<Event>
-
Stream of
submit
events handled by this Element.@DocsEditable(), @DomName('SVGElement.onsubmit'), @Experimental(), read-only - onSuspend → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onsuspend'), @Experimental(), read-only
- onTimeUpdate → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.ontimeupdate'), @Experimental(), read-only
- onTouchCancel → ElementStream<TouchEvent>
-
Stream of
touchcancel
events handled by this Element.@DocsEditable(), @DomName('SVGElement.ontouchcancel'), @Experimental(), read-only - onTouchEnd → ElementStream<TouchEvent>
-
Stream of
touchend
events handled by this Element.@DocsEditable(), @DomName('SVGElement.ontouchend'), @Experimental(), read-only - onTouchMove → ElementStream<TouchEvent>
-
Stream of
touchmove
events handled by this Element.@DocsEditable(), @DomName('SVGElement.ontouchmove'), @Experimental(), read-only - onTouchStart → ElementStream<TouchEvent>
-
Stream of
touchstart
events handled by this Element.@DocsEditable(), @DomName('SVGElement.ontouchstart'), @Experimental(), read-only - onVolumeChange → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onvolumechange'), @Experimental(), read-only
- onWaiting → ElementStream<Event>
-
@DocsEditable(), @DomName('SVGElement.onwaiting'), @Experimental(), read-only
- onWheel → ElementStream<WheelEvent>
-
@DocsEditable(), @DomName('SVGElement.onwheel'), @Experimental(), read-only
- outerHtml → String
-
read-only
- ownerSvgElement → SvgSvgElement
-
@DocsEditable(), @DomName('SVGElement.ownerSVGElement'), @JSName('ownerSVGElement'), final
- viewportElement → SvgElement
-
@DocsEditable(), @DomName('SVGElement.viewportElement'), final
- accessibleNode → AccessibleNode
-
@DocsEditable(), @DomName('Element.accessibleNode'), @Experimental(), final, inherited
- assignedSlot → SlotElement
-
@DocsEditable(), @DomName('Element.assignedSlot'), @Experimental(), final, inherited
- attributes ↔ Map<String, String>
-
All attributes on this element. [...]
read / write, inherited
- baseUri → String
-
@DocsEditable(), @DomName('Node.baseURI'), @JSName('baseURI'), final, 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. [...]
@Creates('NodeList'), @DocsEditable(), @DomName('Node.childNodes'), @Returns('NodeList'), final, inherited
- className ↔ String
-
@DocsEditable(), @DomName('Element.className'), read / write, inherited
- client → Rectangle<num>
-
Gets the position of this element relative to the client area of the page.
read-only, inherited
- clientHeight → int
-
@DocsEditable(), @DomName('Element.clientHeight'), final, inherited
- clientLeft → int
-
@DocsEditable(), @DomName('Element.clientLeft'), final, inherited
- clientTop → int
-
@DocsEditable(), @DomName('Element.clientTop'), final, inherited
- clientWidth → int
-
@DocsEditable(), @DomName('Element.clientWidth'), final, inherited
- computedName → String
-
@DocsEditable(), @DomName('Element.computedName'), @Experimental(), final, inherited
- computedRole → String
-
@DocsEditable(), @DomName('Element.computedRole'), @Experimental(), final, inherited
- contentEdge → CssRect
-
Access this element's content position. [...]
@Experimental(), read-only, inherited
- contentEditable ↔ String
-
@DocsEditable(), @DomName('Element.contentEditable'), read / write, inherited
- dataset ↔ Map<String, String>
-
Allows access to all custom data attributes (data-*) set on this element. [...]
read / write, inherited
- dir ↔ String
-
@DocsEditable(), @DomName('Element.dir'), read / write, inherited
- documentOffset → Point<num>
-
Provides the coordinates of the element relative to the top of the
document. [...]
@Experimental(), read-only, inherited
- draggable ↔ bool
-
Indicates whether the element can be dragged and dropped. [...]
@DocsEditable(), @DomName('Element.draggable'), read / write, inherited
- firstChild → Node
-
The first child of this node. [...]
@DocsEditable(), @DomName('Node.firstChild'), final, inherited
- hashCode → int
-
The hash code for this object. [...]
read-only, inherited
-
Indicates whether the element is not relevant to the page's current state. [...]
@DocsEditable(), @DomName('Element.hidden'), read / write, inherited
- id ↔ String
-
@DocsEditable(), @DomName('Element.id'), read / write, inherited
- inert ↔ bool
-
@DocsEditable(), @DomName('Element.inert'), @Experimental(), read / write, inherited
- inputMode ↔ String
-
@DocsEditable(), @DomName('Element.inputMode'), @Experimental(), read / write, inherited
- isConnected → bool
-
@DocsEditable(), @DomName('Node.isConnected'), @Experimental(), final, inherited
- lang ↔ String
-
@DocsEditable(), @DomName('Element.lang'), read / write, inherited
- lastChild → Node
-
The last child of this node. [...]
@DocsEditable(), @DomName('Node.lastChild'), final, inherited
- localName → String
-
@DocsEditable(), @DomName('Element.localName'), @Returns('String'), 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'), final, inherited
- nextNode → Node
-
The next sibling node. [...]
@DocsEditable(), @DomName('Node.nextSibling'), @JSName('nextSibling'), final, inherited
- nodeName → String
-
The name of this node. [...]
@DocsEditable(), @DomName('Node.nodeName'), final, 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'), final, inherited
- nodeValue → String
-
The value of this node. [...]
@DocsEditable(), @DomName('Node.nodeValue'), final, inherited
- offset → Rectangle<num>
-
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'), final, 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 - ownerDocument → Document
-
The document this node belongs to. [...]
@DocsEditable(), @DomName('Node.ownerDocument'), final, 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'), @JSName('parentElement'), final, inherited
- parentNode → Node
-
The parent node of this node. [...]
@DocsEditable(), @DomName('Node.parentNode'), final, inherited
- previousElementSibling → Element
-
@DocsEditable(), @DomName('Element.previousElementSibling'), final, inherited
- previousNode → Node
-
The previous sibling node. [...]
@DocsEditable(), @DomName('Node.previousSibling'), @JSName('previousSibling'), final, 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
-
The shadow root of this shadow host. [...]
@DomName('Element.shadowRoot'), @Experimental(), @SupportedBrowser(SupportedBrowser.CHROME, '25'), read-only, inherited
- slot ↔ String
-
@DocsEditable(), @DomName('Element.slot'), @Experimental(), read / write, inherited
- spellcheck ↔ bool
-
@DocsEditable(), @DomName('Element.spellcheck'), @Experimental(), read / write, inherited
- style → CssStyleDeclaration
-
@DocsEditable(), @DomName('Element.style'), final, inherited
- styleMap → StylePropertyMap
-
@DocsEditable(), @DomName('Element.styleMap'), @Experimental(), final, inherited
- tabIndex ↔ int
-
@DocsEditable(), @DomName('Element.tabIndex'), read / write, inherited
- tagName → String
-
@DocsEditable(), @DomName('Element.tagName'), final, inherited
- text ↔ String
-
All text within this node and its descendents. [...]
@DocsEditable(), @DomName('Node.textContent'), @JSName('textContent'), read / write, inherited
- title ↔ String
-
@DocsEditable(), @DomName('Element.title'), read / write, inherited
- translate ↔ bool
-
Specifies whether this element's text content changes when the page is
localized. [...]
@DocsEditable(), @DomName('Element.translate'), @Experimental(), read / write, inherited
Methods
-
blur(
) → void -
@DocsEditable(), @DomName('SVGElement.blur'), @Experimental()
-
click(
) → void -
createFragment(
String svg, { 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. [...]
-
focus(
) → void -
@DocsEditable(), @DomName('SVGElement.focus'), @Experimental()
-
insertAdjacentElement(
String where, Element element) → Element -
Inserts
element
into the DOM at the specified location. [...]@DomName('Element.insertAdjacentElement') -
insertAdjacentHtml(
String where, String text, { NodeValidator validator, NodeTreeSanitizer treeSanitizer }) → void -
Parses text as an HTML fragment and inserts it into the DOM at the
specified location. [...]
@DomName('Element.insertAdjacentHTML')
-
insertAdjacentText(
String where, String text) → void -
Inserts text into the DOM at the specified location. [...]
@DomName('Element.insertAdjacentText')
-
addEventListener(
String type, EventListener listener, [ bool useCapture ]) → void -
inherited
-
after(
Object nodes) → void -
@DocsEditable(), @DomName('Element.after'), @Experimental(), inherited
-
animate(
Iterable<Map<String, dynamic>> frames, [ dynamic 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.
- Examples
var animation = elem.animate([{"opacity": 75}, {"opacity": 0}], 200);
var animation = elem.animate([
{"transform": "translate(100px, -100%)"},
{"transform" : "translate(400px, 500px)"}
], 1500);
- The
frames
parameter is an Iterable- map entries specify CSS animation effects. The
timing
paramter can be a double, representing the number of milliseconds- for the transition, or a Map with fields corresponding to those
- of the
Timing
object.@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'), @JSName('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
-
before(
Object nodes) → void -
@DocsEditable(), @DomName('Element.before'), @Experimental(), inherited
-
clone(
bool deep) → Node -
Returns a copy of this node. [...]
@DocsEditable(), @DomName('Node.cloneNode'), @JSName('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
-
createShadowRoot(
) → ShadowRoot -
Creates a new shadow root for this shadow host. [...]
@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
-
getAttributeNames(
) → List<String> -
@DocsEditable(), @DomName('Element.getAttributeNames'), @Experimental(), inherited
-
getAttributeNS(
String namespaceURI, String localName) → String -
@DocsEditable(), @DomName('Element.getAttributeNS'), @Experimental(), inherited
-
getBoundingClientRect(
) → Rectangle<num> -
Returns the smallest bounding rectangle that encompasses this element's
padding, scrollbar, and border. [...]
@Creates('_DomRect'), @DocsEditable(), @DomName('Element.getBoundingClientRect'), @Returns('_DomRect|Null'), inherited
-
getClientRects(
) → List<Rectangle<num>> -
@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. [...]
@Creates('NodeList'), @DocsEditable(), @DomName('Element.getDestinationInsertionPoints'), @Experimental(), @Returns('NodeList|Null'), inherited
-
getElementsByClassName(
String classNames) → List<Node> -
Returns a list of nodes with the given class name inside this element. [...]
@Creates('NodeList|HtmlCollection'), @DocsEditable(), @DomName('Element.getElementsByClassName'), @Returns('NodeList|HtmlCollection'), inherited
-
getNamespacedAttributes(
String namespace) → Map<String, String> -
Gets a map for manipulating the attributes of a particular namespace. [...]
inherited
-
getRootNode(
[Map options ]) → Node -
@DocsEditable(), @DomName('Node.getRootNode'), @Experimental(), inherited
-
hasChildNodes(
) → bool -
Returns true if this node has any children. [...]
@DocsEditable(), @DomName('Node.hasChildNodes'), inherited
-
hasPointerCapture(
int pointerId) → bool -
@DocsEditable(), @DomName('Element.hasPointerCapture'), @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 -
Checks if this element matches the CSS selectors.
@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<num> -
Provides the offset of this element's borderEdge relative to the
specified
parent
. [...]@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<T extends Element>(
String selectors) → ElementList<T> -
Finds all descendent elements of this element that match the specified
group of selectors. [...]
@DomName('Element.querySelectorAll'), inherited
-
releasePointerCapture(
int pointerId) → void -
@DocsEditable(), @DomName('Element.releasePointerCapture'), @Experimental(), inherited
-
remove(
) → void -
Removes this node from the DOM.
@DomName('Node.removeChild'), 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(
[dynamic options_OR_x, num y ]) → void -
@DocsEditable(), @DomName('Element.scroll'), @Experimental(), inherited
-
scrollBy(
[dynamic options_OR_x, num y ]) → void -
@DocsEditable(), @DomName('Element.scrollBy'), @Experimental(), inherited
-
scrollIntoView(
[ScrollAlignment alignment ]) → void -
Scrolls this element into view. [...]
inherited
-
scrollTo(
[dynamic options_OR_x, num y ]) → void -
@DocsEditable(), @DomName('Element.scrollTo'), @Experimental(), 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
-
setPointerCapture(
int pointerId) → void -
@DocsEditable(), @DomName('Element.setPointerCapture'), @Experimental(), inherited
-
toString(
) → String -
The string representation of this element. [...]
inherited
Operators
-
operator ==(
dynamic other) → bool -
The equality operator. [...]
inherited
Static Methods
-
isTagSupported(
String tag) → bool - Checks to see if the SVG element type is supported by the current platform. [...]
Constants
- abortEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.abortEvent'), @Experimental()
const EventStreamProvider<Event>('abort')
- blurEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.blurEvent'), @Experimental()
const EventStreamProvider<Event>('blur')
- canPlayEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.canplayEvent'), @Experimental()
const EventStreamProvider<Event>('canplay')
- canPlayThroughEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.canplaythroughEvent'), @Experimental()
const EventStreamProvider<Event>('canplaythrough')
- changeEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.changeEvent'), @Experimental()
const EventStreamProvider<Event>('change')
- clickEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.clickEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('click')
- contextMenuEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.contextmenuEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('contextmenu')
- doubleClickEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.dblclickEvent'), @Experimental()
const EventStreamProvider<Event>('dblclick')
- dragEndEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dragendEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('dragend')
- dragEnterEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dragenterEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('dragenter')
- dragEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dragEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('drag')
- dragLeaveEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dragleaveEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('dragleave')
- dragOverEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dragoverEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('dragover')
- dragStartEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dragstartEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('dragstart')
- dropEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.dropEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('drop')
- durationChangeEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.durationchangeEvent'), @Experimental()
const EventStreamProvider<Event>('durationchange')
- emptiedEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.emptiedEvent'), @Experimental()
const EventStreamProvider<Event>('emptied')
- endedEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.endedEvent'), @Experimental()
const EventStreamProvider<Event>('ended')
- errorEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.errorEvent'), @Experimental()
const EventStreamProvider<Event>('error')
- focusEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.focusEvent'), @Experimental()
const EventStreamProvider<Event>('focus')
- inputEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.inputEvent'), @Experimental()
const EventStreamProvider<Event>('input')
- invalidEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.invalidEvent'), @Experimental()
const EventStreamProvider<Event>('invalid')
- keyDownEvent → const EventStreamProvider<KeyboardEvent>
-
@DocsEditable(), @DomName('SVGElement.keydownEvent'), @Experimental()
const EventStreamProvider<KeyboardEvent>('keydown')
- keyPressEvent → const EventStreamProvider<KeyboardEvent>
-
@DocsEditable(), @DomName('SVGElement.keypressEvent'), @Experimental()
const EventStreamProvider<KeyboardEvent>('keypress')
- keyUpEvent → const EventStreamProvider<KeyboardEvent>
-
@DocsEditable(), @DomName('SVGElement.keyupEvent'), @Experimental()
const EventStreamProvider<KeyboardEvent>('keyup')
- loadedDataEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.loadeddataEvent'), @Experimental()
const EventStreamProvider<Event>('loadeddata')
- loadedMetadataEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.loadedmetadataEvent'), @Experimental()
const EventStreamProvider<Event>('loadedmetadata')
- loadEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.loadEvent'), @Experimental()
const EventStreamProvider<Event>('load')
- mouseDownEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mousedownEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mousedown')
- mouseEnterEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mouseenterEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mouseenter')
- mouseLeaveEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mouseleaveEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mouseleave')
- mouseMoveEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mousemoveEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mousemove')
- mouseOutEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mouseoutEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mouseout')
- mouseOverEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mouseoverEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mouseover')
- mouseUpEvent → const EventStreamProvider<MouseEvent>
-
@DocsEditable(), @DomName('SVGElement.mouseupEvent'), @Experimental()
const EventStreamProvider<MouseEvent>('mouseup')
- mouseWheelEvent → const EventStreamProvider<WheelEvent>
-
@DocsEditable(), @DomName('SVGElement.mousewheelEvent'), @Experimental()
const EventStreamProvider<WheelEvent>('mousewheel')
- pauseEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.pauseEvent'), @Experimental()
const EventStreamProvider<Event>('pause')
- playEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.playEvent'), @Experimental()
const EventStreamProvider<Event>('play')
- playingEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.playingEvent'), @Experimental()
const EventStreamProvider<Event>('playing')
- rateChangeEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.ratechangeEvent'), @Experimental()
const EventStreamProvider<Event>('ratechange')
- resetEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.resetEvent'), @Experimental()
const EventStreamProvider<Event>('reset')
- resizeEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.resizeEvent'), @Experimental()
const EventStreamProvider<Event>('resize')
- scrollEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.scrollEvent'), @Experimental()
const EventStreamProvider<Event>('scroll')
- seekedEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.seekedEvent'), @Experimental()
const EventStreamProvider<Event>('seeked')
- seekingEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.seekingEvent'), @Experimental()
const EventStreamProvider<Event>('seeking')
- selectEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.selectEvent'), @Experimental()
const EventStreamProvider<Event>('select')
- stalledEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.stalledEvent'), @Experimental()
const EventStreamProvider<Event>('stalled')
- submitEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.submitEvent'), @Experimental()
const EventStreamProvider<Event>('submit')
- suspendEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.suspendEvent'), @Experimental()
const EventStreamProvider<Event>('suspend')
- timeUpdateEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.timeupdateEvent'), @Experimental()
const EventStreamProvider<Event>('timeupdate')
- touchCancelEvent → const EventStreamProvider<TouchEvent>
-
@DocsEditable(), @DomName('SVGElement.touchcancelEvent'), @Experimental()
const EventStreamProvider<TouchEvent>('touchcancel')
- touchEndEvent → const EventStreamProvider<TouchEvent>
-
@DocsEditable(), @DomName('SVGElement.touchendEvent'), @Experimental()
const EventStreamProvider<TouchEvent>('touchend')
- touchMoveEvent → const EventStreamProvider<TouchEvent>
-
@DocsEditable(), @DomName('SVGElement.touchmoveEvent'), @Experimental()
const EventStreamProvider<TouchEvent>('touchmove')
- touchStartEvent → const EventStreamProvider<TouchEvent>
-
@DocsEditable(), @DomName('SVGElement.touchstartEvent'), @Experimental()
const EventStreamProvider<TouchEvent>('touchstart')
- volumeChangeEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.volumechangeEvent'), @Experimental()
const EventStreamProvider<Event>('volumechange')
- waitingEvent → const EventStreamProvider<Event>
-
@DocsEditable(), @DomName('SVGElement.waitingEvent'), @Experimental()
const EventStreamProvider<Event>('waiting')
- wheelEvent → const EventStreamProvider<WheelEvent>
-
@DocsEditable(), @DomName('SVGElement.wheelEvent'), @Experimental()
const EventStreamProvider<WheelEvent>('wheel')