desc element | SVGDescElement object

Provides a mechanism to store a description of an element.

Scalable Vector Graphics: Document Structure, Section 5.11.5

DOM Information

Inheritance Hierarchy

Node

Element

SVGElement

SVGDescElement

Members

The SVGDescElement object has these types of members:

Events
Properties

Events

The SVGDescElement object has these events.

Event	Description
onload	Occurs when the browser has fully parsed the element and all of its descendants.

Properties

The SVGDescElement object has these properties.

Property	Description
className	Gets the names of the classes that are assigned to this object.
focusable	Determines if an element can acquire keyboard focus (that is, receive keyboard events) and be a target for field-to-field navigation actions (such as when a user presses the Tab key).
ownerSVGElement	Gets the nearest ancestor svg element.
style	Gets a style object.
viewportElement	Gets the element that established the current viewport.
xmlbase	Gets or sets the `base` attribute on the element.
xmllang	Gets or sets a value that specifies the language that is used in the contents and attribute values of an element.
xmlspace	Gets or sets a value that indicates whether white space is preserved in character data.

Standards information

Scalable Vector Graphics: Document Structure, Section 5.11.5

Remarks

Note In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherit core HTML attributes, properties, events, methods, and styles.

Examples

In the following code example, the desc element is used to define a description of an element. This element can be read programatically to analyze SVG structure. Copy this sample to a text file and save it with the .html file extension. Run it in Internet Explorer 9 to see a greenyellow ellipse.

The element will look like this:

JavaScript



<!DOCTYPE HTML>
<html>
	
  <head>
  </head>
	
  <body>
    <svg width="400" height="400">
      <ellipse cx="150" cy="100" rx="100" ry="75" fill="greenyellow">
        <desc>This is the description of an ellipse.</desc>
      </ellipse>
    </svg>
  </body>
</html>