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
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
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 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
, , or
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