SVGSVGElement
Related Doc:
package raw
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on.
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on. The event target may be an Element in a document, the Document itself, a Window, or any other object that supports events (such as XMLHttpRequest).
MDN
Adds a node to the end of the list of children of a specified parent node.
Adds a node to the end of the list of children of a specified parent node. If the node already exists it is removed from current parent node, then added to new parent node.
MDN
.attributes is a collection of all attribute nodes registered to the specified node.
.attributes is a collection of all attribute nodes registered to the specified node. It is a NamedNodeMap,not an Array, so it has no Array methods and the Attr nodes' indexes may differ among browsers. To be more specific, attribute is a key value pair of strings that represents any information regarding that node; it cannot hold Object. Attribute can hold additional data/information that is required while processing custom JavaScript. There are many predefined attributes for different nodes used for binding events, validations, and specifying layout informations that are handled by browser (may vary from browser to browser).
MDN
Returns true if the rendered content of the given element is entirely contained within the supplied rectangle.
Returns true if the rendered content of the given element is entirely contained within the supplied rectangle. Each candidate graphics element is to be considered a match only if the same graphics element can be a target of pointer events as defined in pointer-events processing.
MDN
Returns true if the rendered content of the given element intersects the supplied rectangle.
Returns true if the rendered content of the given element intersects the supplied rectangle. Each candidate graphics element is to be considered a match only if the same graphics element can be a target of pointer events as defined in pointer-events processing.
MDN
Returns an unsigned long giving the amount of children that the object has.
Returns an unsigned long giving the amount of children that the object has.
MDN
Returns a live NodeList containing all the children of this node.
Returns a live NodeList containing all the children of this node. NodeList being live means that if the children of the Node change, the NodeList object is automatically updated.
MDN
Returns a live HTMLCollection containing all objects of type Element that are children of the object.
Returns a live HTMLCollection containing all objects of type Element that are children of the object.
MDN
Supported by FF>3.6, any Opera, any Chrome, any IE, any Safari
Supported by FF>3.6, any Opera, any Chrome, any IE, any Safari
Corresponds to attribute class on the given element.
Corresponds to attribute class on the given element.
MDN
Returns the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin.
Returns the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin.
clientHeight can be calculated as CSS height + CSS padding - height of horizontal scrollbar (if present).
MDN
The width of the left border of an element in pixels.
The width of the left border of an element in pixels. It includes the width of the vertical scrollbar if the text direction of the element is right–to–left and if there is an overflow causing a left vertical scrollbar to be rendered. clientLeft does not include the left margin or the left padding. clientLeft is read-only.
MDN
The width of the top border of an element in pixels.
The width of the top border of an element in pixels. It does not include the top margin or padding. clientTop is read-only.
MDN
clientWidth is the inner width of an element in pixels.
clientWidth is the inner width of an element in pixels. It includes padding but not the vertical scrollbar (if present, if rendered), border or margin.
MDN
Clone a Node, and optionally, all of its contents.
Clone a Node, and optionally, all of its contents. By default, it clones the content of the node.
MDN
Compares the position of the current node against another node in any other document.
Compares the position of the current node against another node in any other document.
MDN
Returns a Boolean value indicating whether a node is a descendant of a given node, i.e.
Returns a Boolean value indicating whether a node is a descendant of a given node, i.e. the node itself, one of its direct children (childNodes), one of the children's direct children, and so on.
MDN
Corresponds to attribute contentScriptType on the given <svg> element.
Corresponds to attribute contentScriptType on the given <svg> element.
MDN
Corresponds to attribute contentStyleType on the given <svg> element.
Corresponds to attribute contentStyleType on the given <svg> element.
MDN
Creates an SVGAngle object outside of any document trees.
Creates an SVGAngle object outside of any document trees. The object is initialized to a value of zero degrees (unitless).
MDN
Creates an SVGLength object outside of any document trees.
Creates an SVGLength object outside of any document trees. The object is initialized to a value of zero user units.
MDN
Creates an SVGMatrix object outside of any document trees.
Creates an SVGMatrix object outside of any document trees. The object is initialized to the identity matrix.
MDN
Creates an SVGNumber object outside of any document trees.
Creates an SVGNumber object outside of any document trees. The object is initialized to a value of zero.
MDN
Creates an SVGPoint object outside of any document trees.
Creates an SVGPoint object outside of any document trees. The object is initialized to the point (0,0) in the user coordinate system.
MDN
Creates an SVGRect object outside of any document trees.
Creates an SVGRect object outside of any document trees. The object is initialized such that all values are set to 0 user units.
MDN
Creates an SVGTransform object outside of any document trees.
Creates an SVGTransform object outside of any document trees. The object is initialized to an identity matrix transform (SVG_TRANSFORM_MATRIX).
MDN
Creates an SVGTransform object outside of any document trees.
Creates an SVGTransform object outside of any document trees. The object is initialized to the given matrix transform (i.e., SVG_TRANSFORM_MATRIX). The values from the parameter matrix are copied, the matrix parameter is not adopted as SVGTransform::matrix.
MDN
On an outermost <svg> element, this attribute indicates the current scale factor relative to the initial view to take into account user magnification and panning operations.
On an outermost <svg> element, this attribute indicates the current scale factor relative to the initial view to take into account user magnification and panning operations. DOM attributes currentScale and currentTranslate are equivalent to the 2x3 matrix [a b c d e f] = [currentScale 0 0 currentScale currentTranslate.x currentTranslate.y]. If "magnification" is enabled (i.e., zoomAndPan="magnify"), then the effect is as if an extra transformation were placed at the outermost level on the SVG document fragment (i.e., outside the outermost <svg> element).
MDN
On an outermost <svg> element, the corresponding translation factor that takes into account user "magnification".
On an outermost <svg> element, the corresponding translation factor that takes into account user "magnification".
MDN
Unselects any selected objects, including any selections of text strings and type-in bars.
Unselects any selected objects, including any selections of text strings and type-in bars.
MDN
Dispatches an Event at the specified EventTarget, invoking the affected EventListeners in the appropriate order.
Dispatches an Event at the specified EventTarget, invoking the affected EventListeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) apply to events dispatched manually with dispatchEvent().
MDN
Returns the node's first child in the tree, or null if the node is childless.
Returns the node's first child in the tree, or null if the node is childless. If the node is a Document, it returns the first node in the list of its direct children.
MDN
Returns the Element that is the first child of the object, or null if there is none.
Returns the Element that is the first child of the object, or null if there is none.
MDN
In rendering environments supporting interactivity, forces the user agent to immediately redraw all regions of the viewport that require updating.
In rendering environments supporting interactivity, forces the user agent to immediately redraw all regions of the viewport that require updating.
MDN
getAttribute() returns the value of the named attribute on the specified element.
getAttribute() returns the value of the named attribute on the specified element. If the named attribute does not exist, the value returned will either be null or "" (the empty string); see Notes for details.
MDN
getAttributeNS returns the string value of the attribute with the specified namespace and name.
getAttributeNS returns the string value of the attribute with the specified namespace and name. If the named attribute does not exist, the value returned will either be null or "" (the empty string); see Notes for details.
MDN
Returns the specified attribute of the specified element, as an Attr node.
Returns the specified attribute of the specified element, as an Attr node.
MDN
Returns the Attr node for the attribute with the given namespace and name.
Returns the Attr node for the attribute with the given namespace and name.
MDN
Returns a text rectangle object that encloses a group of text rectangles.
Returns a text rectangle object that encloses a group of text rectangles.
MDN
Returns a collection of rectangles that indicate the bounding rectangles for each box in a client.
Returns a collection of rectangles that indicate the bounding rectangles for each box in a client.
MDN
Returns the current time in seconds relative to the start time for the current SVG document fragment.
Returns the current time in seconds relative to the start time for the current SVG document fragment. If getCurrentTime is called before the document timeline has begun (for example, by script running in a <script> element before the document's SVGLoad event is dispatched), then 0 is returned.
MDN
Searches this SVG document fragment (i.e., the search is restricted to a subset of the document tree) for an Element whose id is given by elementId.
Searches this SVG document fragment (i.e., the search is restricted to a subset of the document tree) for an Element whose id is given by elementId. If an Element is found, that Element is returned. If no such element exists, returns null. Behavior is not defined if more than one element has this id.
MDN
Returns an array-like object of all child elements which have all of the given class names.
Returns an array-like object of all child elements which have all of the given class names. When called on the document object, the complete document is searched, including the root node. You may also call getElementsByClassName() on any element; it will return only elements which are descendants of the specified root element with the given class names.
MDN
Returns a list of elements with the given tag name.
Returns a list of elements with the given tag name. The subtree underneath the specified element is searched, excluding the element itself. The returned list is live, meaning that it updates itself with the DOM tree automatically. Consequently, there is no need to call several times element.getElementsByTagName with the same element and arguments.
MDN
Returns a list of elements with the given tag name belonging to the given namespace.
Returns a list of elements with the given tag name belonging to the given namespace.
MDN
Returns the list of graphics elements whose rendered content intersects the supplied rectangle.
Returns the list of graphics elements whose rendered content intersects the supplied rectangle. Each candidate graphics element is to be considered a match only if the same graphics element can be a target of pointer events as defined in pointer-events processing.
MDN
hasAttribute returns a boolean value indicating whether the specified element has the specified attribute or not.
hasAttribute returns a boolean value indicating whether the specified element has the specified attribute or not.
MDN
hasAttributeNS returns a boolean value indicating whether the current element has the specified attribute.
hasAttributeNS returns a boolean value indicating whether the current element has the specified attribute.
MDN
hasAttributes returns a boolean value of true or false, indicating if the current element has any attributes or not.
hasAttributes returns a boolean value of true or false, indicating if the current element has any attributes or not.
MDN
hasChildNodes returns a Boolean value indicating whether the current Node has child nodes or not.
hasChildNodes returns a Boolean value indicating whether the current Node has child nodes or not.
MDN
Returns true if the browser supports the given extension, specified by a URI.
Returns true if the browser supports the given extension, specified by a URI.
MDN
Corresponds to attribute height on the given <svg> element.
Corresponds to attribute height on the given <svg> element.
MDN
innerHTML sets or gets the HTML syntax describing the element's descendants.
innerHTML sets or gets the HTML syntax describing the element's descendants.
Note: If a <div>, <span>, or <noembed> node has a child text node that includes the characters (&), (<), or (>), innerHTML returns these characters as &, < and > respectively. Use Node.textContent to get a correct copy of these text nodes' contents.
Supported by FF>8, Opera>7, Chrome>1, IE>4, Safari>4
Supported by FF>8, Opera>7, Chrome>1, IE>4, Safari>4
Inserts the first Node given in a parameter immediately before the second, child of this element, Node.
Inserts the first Node given in a parameter immediately before the second, child of this element, Node.
MDN
isDefaultNamespace accepts a namespace URI as an argument and returns true if the namespace is the default namespace on the given node or false if not.
isDefaultNamespace accepts a namespace URI as an argument and returns true if the namespace is the default namespace on the given node or false if not.
MDN
If #targetElm is first div element in document, "true" will be displayed.
If #targetElm is first div element in document, "true" will be displayed.
MDN
Tests whether two nodes are the same, that is they reference the same object.
Tests whether two nodes are the same, that is they reference the same object.
MDN
The Node.isSupported()returns a Boolean flag containing the result of a test whether the DOM implementation implements a specific feature and this feature is supported by the specific node.
The Node.isSupported()returns a Boolean flag containing the result of a test whether the DOM implementation implements a specific feature and this feature is supported by the specific node.
MDN
Returns a Node representing the last direct child node of the node, or null if the node has no child.
Returns a Node representing the last direct child node of the node, or null if the node has no child.
MDN
Returns the Element that is the last child of the object, or null if there is none.
Returns the Element that is the last child of the object, or null if there is none.
MDN
Returns a DOMString representing the local part of the qualified name of an element.
Returns a DOMString representing the local part of the qualified name of an element. In Firefox 3.5 and earlier, the property upper-cases the local name for HTML elements (but not XHTML elements). In later versions, this does not happen, so the property is in lower case for both HTML and XHTML. Though the specification requires localName to be defined on the Node interface, Gecko-based browsers implement it on the Element interface.
MDN
Takes a prefix and returns the namespaceURI associated with it on the given node if found (and null if not).
Takes a prefix and returns the namespaceURI associated with it on the given node if found (and null if not). Supplying null for the prefix will return the default namespace.
MDN
Returns the prefix for a given namespaceURI if present, and null if not.
Returns the prefix for a given namespaceURI if present, and null if not. When multiple prefixes are possible, the result is implementation-dependent.
MDN
The namespace URI of this node, or null if it is no namespace.
The namespace URI of this node, or null if it is no namespace. In Firefox 3.5 and earlier, HTML elements are in no namespace. In later versions, HTML elements are in the http://www.w3.org/1999/xhtml namespace in both HTML and XML trees. Though the specification requires namespaceURI to be defined on the Node interface, Gecko-based browsers implement it on the Element interface.
MDN
The nextElementSibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.
The nextElementSibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.
MDN
Returns the node immediately following the specified one in its parent's childNodes list, or null if the specified node is the last node in that list.
Returns the node immediately following the specified one in its parent's childNodes list, or null if the specified node is the last node in that list.
MDN
Returns a DOMString containing the name of the Node.
Returns a DOMString containing the name of the Node. The structure of the name will differ with the name type. E.g. An HTMLElement will contain the name of the corresponding tag, like 'audio' for an HTMLAudioElement, a Text node will have the '#text' string, or a Document node will have the '#document' string.
MDN
The read-only Node.nodeType property returns an unsigned short integer representing the type of the node.
The read-only Node.nodeType property returns an unsigned short integer representing the type of the node.
MDN
Is a DOMString representing the value of an object.
Is a DOMString representing the value of an object. For most Node type, this returns null and any set operation is ignored. For nodes of type TEXT_NODE (Text objects), COMMENT_NODE (Comment objects), and PROCESSING_INSTRUCTION_NODE (ProcessingInstruction objects), the value corresponds to the text data contained in the object.
MDN
Puts the specified node and all of its subtree into a "normalized" form.
Puts the specified node and all of its subtree into a "normalized" form. In a normalized subtree, no text nodes in the subtree are empty and there are no adjacent text nodes.
MDN
The copy event is fired when the user initiates a copy action through the
browser UI (for example, using the CTRL/Cmd+C keyboard shortcut or
selecting the "Copy" from the menu) and in response to an allowed
document.execCommand("copy") call.
The copy event is fired when the user initiates a copy action through the
browser UI (for example, using the CTRL/Cmd+C keyboard shortcut or
selecting the "Copy" from the menu) and in response to an allowed
document.execCommand("copy") call.
MDN
The cut event is fired when a selection has been removed from the document and added to the clipboard.
The cut event is fired when a selection has been removed from the document and added to the clipboard.
MDN
The paste event is fired when a selection has been pasted from the clipboard to the document.
The paste event is fired when a selection has been pasted from the clipboard to the document.
MDN
Gets the markup of the element including its content.
Gets the markup of the element including its content. When used as a setter, replaces the element with nodes parsed from the given string.
Supported by FF>10, any Opera, any Chrome, any IE, any Safari
Returns the Document that this node belongs to.
Returns the Document that this node belongs to. If no document is associated with it, returns null.
MDN
The nearest ancestor <svg> element.
The nearest ancestor <svg> element. Null if the given element is the outermost svg element.
MDN
Returns a Node that is the parent of this node.
Returns a Node that is the parent of this node. If there is no such node, like if this node is the top of the tree or if doesn't participate in a tree, this property returns null.
MDN
Suspends (i.e., pauses) all currently running animations that are defined within the SVG document fragment corresponding to this <svg> element, causing the animation clock corresponding to this document fragment to stand still until it is unpaused.
Suspends (i.e., pauses) all currently running animations that are defined within the SVG document fragment corresponding to this <svg> element, causing the animation clock corresponding to this document fragment to stand still until it is unpaused.
MDN
Size of a pixel units (as defined by CSS2) along the x-axis of the viewport, which represents a unit somewhere in the range of 70dpi to 120dpi, and, on systems that support this, might actually match the characteristics of the target medium.
Size of a pixel units (as defined by CSS2) along the x-axis of the viewport, which represents a unit somewhere in the range of 70dpi to 120dpi, and, on systems that support this, might actually match the characteristics of the target medium. On systems where it is impossible to know the size of a pixel, a suitable default pixel size is provided.
MDN
Corresponding size of a pixel unit along the y-axis of the viewport.
Corresponding size of a pixel unit along the y-axis of the viewport.
MDN
A DOMString representing the namespace prefix of the element, or null if no prefix is specified.
The previousElementSibling read-only property returns the Element immediately prior to the specified one in its parent's children list, or null if the specified element is the first one in the list.
The previousElementSibling read-only property returns the Element immediately prior to the specified one in its parent's children list, or null if the specified element is the first one in the list.
MDN
Returns the node immediately preceding the specified one in its parent's childNodes list, null if the specified node is the first in that list.
Returns the node immediately preceding the specified one in its parent's childNodes list, null if the specified node is the first in that list.
MDN
Returns the first element within the document (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
Returns the first element within the document (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
MDN
Returns a list of the elements within the document (using depth-first pre-order traversal of the document's nodes) that match the specified group of selectors.
Returns a list of the elements within the document (using depth-first pre-order traversal of the document's nodes) that match the specified group of selectors.
MDN
removeAttribute removes an attribute from the specified element.
removeAttribute removes an attribute from the specified element.
MDN
removeAttributeNS removes the specified attribute from an element.
removeAttributeNS removes the specified attribute from an element.
MDN
removeAttributeNode removes the specified attribute from the current element.
removeAttributeNode removes the specified attribute from the current element.
MDN
Removes a child node from the current element, which must be a child of the current node.
Removes a child node from the current element, which must be a child of the current node.
MDN
Removes the event listener previously registered with EventTarget.addEventListener.
Removes the event listener previously registered with EventTarget.addEventListener.
MDN
Replaces one child Node of the current one with the second one given in parameter.
Replaces one child Node of the current one with the second one given in parameter.
MDN
Corresponds to attribute requiredExtensions on the given element.
Corresponds to attribute requiredExtensions on the given element.
MDN
Corresponds to attribute requiredFeatures on the given element.
Corresponds to attribute requiredFeatures on the given element.
MDN
User interface (UI) events in DOM Level 2 indicate the screen positions at which the given UI event occurred.
User interface (UI) events in DOM Level 2 indicate the screen positions at which the given UI event occurred. When the browser actually knows the physical size of a "screen unit", this attribute will express that information; otherwise, user agents will provide a suitable default value such as .28mm.
MDN
Corresponding size of a screen pixel along the y-axis of the viewport.
Corresponding size of a screen pixel along the y-axis of the viewport.
MDN
Height of the scroll view of an element; it includes the element padding but not its margin.
Height of the scroll view of an element; it includes the element padding but not its margin.
MDN
scrollLeft gets or sets the number of pixels that an element's content is scrolled to the left.
scrollLeft gets or sets the number of pixels that an element's content is scrolled to the left.
MDN
scrollTop gets or sets the number of pixels that the content of an element is scrolled upward.
scrollTop gets or sets the number of pixels that the content of an element is scrolled upward.
MDN
scrollWidth is a read–only property that returns either the width in pixels of the content of an element or the width of the element itself, whichever is greater.
scrollWidth is a read–only property that returns either the width in pixels of the content of an element or the width of the element itself, whichever is greater. If the element is wider than its content area (for example, if there are scroll bars for scrolling through the content), the scrollWidth is larger than the clientWidth.
MDN
Adds a new attribute or changes the value of an existing attribute on the specified element.
Adds a new attribute or changes the value of an existing attribute on the specified element.
MSN
setAttributeNS adds a new attribute or changes the value of an attribute with the given namespace and name.
setAttributeNS adds a new attribute or changes the value of an attribute with the given namespace and name.
MDN
setAttributeNode() adds a new Attr node to the specified element.
setAttributeNode() adds a new Attr node to the specified element.
MDN
setAttributeNodeNS adds a new namespaced attribute node to an element.
setAttributeNodeNS adds a new namespaced attribute node to an element.
MDN
Adjusts the clock for this SVG document fragment, establishing a new current time.
Adjusts the clock for this SVG document fragment, establishing a new current time. If setCurrentTime is called before the document timeline has begun (for example, by script running in a <script> element before the document's SVGLoad event is dispatched), then the value of seconds in the last invocation of the method gives the time that the document will seek to once the document timeline has begun.
MDN
Corresponds to attribute style on the given element.
Corresponds to attribute style on the given element.
MDN
Takes a time-out value which indicates that redraw shall not occur until: the corresponding unsuspendRedraw() call has been made, an unsuspendRedrawAll() call has been made, or its timer has timed out.
Takes a time-out value which indicates that redraw shall not occur until: the corresponding unsuspendRedraw() call has been made, an unsuspendRedrawAll() call has been made, or its timer has timed out. In environments that do not support interactivity (e.g., print media), then redraw shall not be suspended. Calls to suspendRedraw() and unsuspendRedraw() should, but need not be, made in balanced pairs. To suspend redraw actions as a collection of SVG DOM changes occur, precede the changes to the SVG DOM with a method call similar to: suspendHandleID = suspendRedraw(maxWaitMilliseconds); and follow the changes with a method call similar to: unsuspendRedraw(suspendHandleID); Note that multiple suspendRedraw calls can be used at once and that each such method call is treated independently of the other suspendRedraw method calls.
MDN
Corresponds to attribute systemLanguage on the given element.
Corresponds to attribute systemLanguage on the given element.
MDN
In XML (and XML-based languages such as XHTML), tagName preserves case.
In XML (and XML-based languages such as XHTML), tagName preserves case. On HTML elements in DOM trees flagged as HTML documents, tagName returns the element name in the uppercase form. The value of tagName is the same as that of nodeName.
MDN
Is a DOMString representing the textual content of an element and all its descendants.
Is a DOMString representing the textual content of an element and all its descendants.
MDN
Unsuspends (i.e., unpauses) currently running animations that are defined within the SVG document fragment, causing the animation clock to continue from the time at which it was suspended.
Unsuspends (i.e., unpauses) currently running animations that are defined within the SVG document fragment, causing the animation clock to continue from the time at which it was suspended.
MDN
Cancels a specified suspendRedraw() by providing a unique suspend handle ID that was returned by a previous suspendRedraw() call.
Cancels a specified suspendRedraw() by providing a unique suspend handle ID that was returned by a previous suspendRedraw() call.
MDN
Cancels all currently active suspendRedraw() method calls.
Cancels all currently active suspendRedraw() method calls. This method is most useful at the very end of a set of SVG DOM calls to ensure that all pending suspendRedraw() method calls have been cancelled.
MDN
The position and size of the viewport (implicit or explicit) that corresponds to this <svg> element.
The position and size of the viewport (implicit or explicit) that corresponds to this <svg> element. When the browser is actually rendering the content, then the position and size values represent the actual values when rendering. The position and size values are unitless values in the coordinate system of the parent element. If no parent element exists (i.e., <svg> element represents the root of the document tree), if this SVG document is embedded as part of another document (e.g., via the HTML <object> element), then the position and size are unitless values in the coordinate system of the parent document. (If the parent uses CSS or XSL layout, then unitless values represent pixel units for the current CSS or XSL viewport.)
MDN
The element which established the current viewport.
The element which established the current viewport. Often, the nearest ancestor <svg> element. Null if the given element is the outermost svg element.
MDN
Corresponds to attribute width on the given <svg> element.
Corresponds to attribute width on the given <svg> element.
MDN
Corresponds to attribute x on the given <svg> element.
Corresponds to attribute x on the given <svg> element.
MDN
Corresponds to attribute xml:base on the given element.
Corresponds to attribute xml:base on the given element.
MDN
Corresponds to attribute y on the given <svg> element.
Corresponds to attribute y on the given <svg> element.
MDN
The SVGSVGElement interface provides access to the properties of <svg> elements, as well as methods to manipulate them. This interface contains also various miscellaneous commonly-used utility methods, such as matrix operations and the ability to control the time of redraw on visual rendering devices.
MDN