Defines a programming variable. Typically renders in italic type.
![]() |
HTML information
| Closing Tag | required |
|---|---|
| CSS Display | inline |
DOM Information
Inheritance Hierarchy
Members
The var object has these types of members:
Events
The var object has these events.
| Event | Description |
|---|---|
| abort |
Fires when the user aborts the download. |
| activate |
Fires when the object is set as the active element. |
| beforeactivate |
Fires immediately before the object is set as the active element. |
| blur |
Fires when the object loses the input focus. |
| change |
Fires when the contents of the object or selection have changed. |
| click |
Fires when the user clicks the left mouse button on the object. |
| contextmenu |
Fires when the user clicks the right mouse button in the client area, opening the context menu. |
| dblclick |
Fires when the user double-clicks the object. |
| deactivate |
Fires when the activeElement is changed from the current object to another object in the parent document. |
| drag |
Fires on the source object continuously during a drag operation. |
| dragend |
Fires on the source object when the user releases the mouse at the close of a drag operation. |
| dragenter |
Fires on the target element when the user drags the object to a valid drop target. |
| dragleave |
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation. |
| dragover |
Fires on the target element continuously while the user drags the object over a valid drop target. |
| dragstart |
Fires on the source object when the user starts to drag a text selection or selected object. |
| drop |
Fires on the target object when the mouse button is released during a drag-and-drop operation. |
| error |
Fires when an error occurs during object loading. |
| focus |
Fires when the object receives focus. |
| focusin |
Fires for an element just prior to setting focus on that element. |
| focusout |
Fires for the current element with focus immediately after moving focus to another element. |
| input |
Occurs when the text content of an element is changed through the user interface. |
| keydown |
Fires when the user presses a key. |
| keypress |
Fires when the user presses an alphanumeric key. |
| load |
Fires immediately after the client loads the object. |
| mousedown |
Fires when the user clicks the object with either mouse button. |
| mouseenter |
Fires when the user moves the mouse pointer into the object. |
| mouseleave |
Fires when the user moves the mouse pointer outside the boundaries of the object. |
| mousemove |
Fires when the user moves the mouse over the object. |
| mouseout |
Fires when the user moves the mouse pointer outside the boundaries of the object. |
| mouseover |
Fires when the user moves the mouse pointer into the object. |
| mouseup |
Fires when the user releases a mouse button while the mouse is over the object. |
| onbeforedeactivate |
Fires immediately before the activeElement is changed from the current object to another object in the parent document. |
| onkeyup |
Fires when the user releases a key. |
| onselect |
Fires when the current selection changes. |
| readystatechange |
Fires when the state of the object has changed. |
| reset |
Fires when the user resets a form. |
| resize |
Fires when the size of the object is about to change. |
| scroll |
Fires when the user repositions the scroll box in the scroll bar on the object. |
Methods
The var object has these methods.
| Method | Description |
|---|---|
| appendChild |
Appends an element as a child to the object. |
| applyElement |
Makes the element either a child or parent of another element. |
| blur |
Causes the element to lose focus and fires the onblur event. |
| clearAttributes |
Removes all attributes and values from the object. |
| click |
Simulates a click by causing the onclick event to fire. |
| cloneNode |
Copies a reference to the object from the document hierarchy. |
| componentFromPoint |
Returns the component located at the specified coordinates via certain events. |
| contains |
Checks whether the given element is contained within the object. |
| doScroll |
Simulates a click on a scroll bar component. |
| focus |
Causes the element to receive the focus and executes the code specified by the onfocus event. |
| getAdjacentText |
Returns the adjacent text string. |
| getAttribute |
Retrieves the value of the specified attribute. |
| getAttributeNode |
Retrieves an attribute object referenced by the attribute.name property. |
| getAttributeNodeNS |
Gets an attribute object that matches the specified namespace and name. |
| getAttributeNS |
Gets the value of the specified attribute within the specified namespace. |
| getBoundingClientRect |
Retrieves an object that specifies the bounds of a collection of TextRectangle objects. |
| getClientRects |
Retrieves a collection of rectangles that describes the layout of the contents of an object or range within the client. Each rectangle describes a single line. |
| getElementsByClassName |
Gets a collection of objects that are based on the value of the class attribute. |
| getElementsByTagName |
Retrieves a collection of objects based on the specified element name. |
| getElementsByTagNameNS |
Gets a collection of objects that are based on the specified element names within a specified namespace. |
| hasAttribute |
Determines whether an attribute with the specified name exists. |
| hasAttributeNS |
Determines whether an attribute that has the specified namespace and name exists. |
| hasAttributes |
Determines whether one or more attributes exist for the object. |
| hasChildNodes |
Returns a value that indicates whether the object has children. |
| insertAdjacentElement |
Inserts an element at the specified location. |
| insertAdjacentHTML |
Inserts the given HTML text into the element at the location. |
| insertAdjacentText |
Inserts the given text into the element at the specified location. |
| insertBefore |
Inserts an element into the document hierarchy as a child node of a parent object. |
| mergeAttributes |
Copies all read/write attributes to the specified element. |
| msMatchesSelector |
Determines whether an object matches the specified selector. |
| normalize |
Merges adjacent DOM objects to produce a normalized document object model. |
| querySelector |
Retrieves the first DOM element node from descendants of the starting element node that match any selector within the supplied selector string. |
| querySelectorAll |
Retrieves all DOM element nodes from descendants of the starting element node that match any selector within the supplied selector strings. |
| releaseCapture |
Removes mouse capture from the object in the current document. |
| removeAttribute |
Removes an attribute from an object. |
| removeAttributeNode |
Removes an attribute object from the object. |
| removeAttributeNS |
Removes the specified attribute from the object. |
| removeChild |
Removes a child node from the object. |
| removeNode |
Removes the object from the document hierarchy. |
| replaceAdjacentText |
Replaces the text adjacent to the element. |
| replaceChild |
Replaces an existing child element with a new child element. |
| replaceNode |
Replaces the object with another element. |
| scrollIntoView |
Causes the object to scroll into view, aligning it either at the top or bottom of the window. |
| setActive |
Sets the object as active without setting focus to the object. |
| setAttribute |
Sets the value of the specified attribute. |
| setAttributeNode |
Sets an attribute object node as part of the object. |
| setAttributeNodeNS |
Sets an attribute object as part of the object. |
| setAttributeNS |
Sets the value of the specified attribute within the specified namespace. |
| setCapture |
Sets the mouse capture to the object that belongs to the current document. |
| swapNode |
Exchanges the location of two objects in the document hierarchy. |
Properties
The var object has these properties.
| Property | Description |
|---|---|
|
Sets or retrieves the access key for the object. | |
|
Specifies one or more shorthand values that define all animation properties (except animation-play-state) for a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animations-name property. | |
|
Specifies the offset within an animation cycle (the amount of time from the start of a cycle) before the animation is displayed for a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property. | |
|
Specifies the direction of play for an animation cycle. | |
|
Specifies the length of time to complete one cycle of the animation. | |
|
Specifies whether the effects of an animation are visible before or after it plays. | |
|
Specifies the number of times an animation cycle is played. | |
|
Identifies one or more animation names. An animation name selects a CSS @keyframes at-rule. | |
|
Specifies whether an animation is playing or paused. | |
|
Specifies the intermediate property values to be used during a single cycle of an animation on a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property. | |
|
Specifies whether the element and its contents must be selected as a whole, indivisible unit. | |
|
Retrieves a collection of attributes of the object. | |
|
Gets or sets a value that specifies whether the back face (reverse side) of an object is visible. | |
|
Gets a value indicating whether the object can contain child objects. | |
|
Retrieves the value indicating whether the object can contain rich HTML markup. | |
|
Retrieves the number of immediate child nodes of the current element or a zero if the element does not contain any child nodes. childElementCount does not return all child nodes, only child nodes that are nodeType =1, or element nodes. | |
|
Sets or retrieves the class of the object. | |
|
Retrieves the height of the object including padding, but not including margin, border, or scroll bar. | |
|
Retrieves the distance between the offsetLeft property and the true left side of the client area. | |
|
Retrieves the distance between the offsetTop property and the true top of the client area. | |
|
Retrieves the width of the object including padding, but not including margin, border, or scroll bar. | |
|
Sets or retrieves the string that indicates whether the user can edit the content of the object. | |
|
Sets or retrieves the reading order of the object. | |
|
Gets a reference to the first child in the childNodes collection of the object. | |
|
Retrieves a reference to the first child element, or null if there are no child elements. | |
|
Sets or gets the value that indicates whether the object visibly shows that it has focus. | |
|
Sets or retrieves the string identifying the object. | |
|
Sets or retrieves the HTML between the start and end tags of the object. | |
|
Sets or retrieves the text between the start and end tags of the object. | |
|
Gets the value that indicates whether the user can edit the contents of the object. | |
|
Gets the value that indicates whether the user can interact with the object. | |
|
Retrieves the value indicating whether the content of the object contains one or more lines. | |
|
Retrieves whether a TextRange object can be created using the object. | |
|
Sets or retrieves the language to use. | |
|
Gets a reference to the last child in the childNodes collection of an object. | |
|
Retrieves a reference to the last child element or null if there are no child elements. | |
|
Gets or sets a value that specifies in which column of the grid to place the object. | |
|
Gets or sets a value that specifies the horizontal alignment of the object within the grid column. | |
|
Gets or sets one or more values that specify the width of each grid column within the object. | |
|
Gets or sets a value that specifies the number of columns of the grid that the object spans. | |
|
Gets or sets a value that specifies in which row of the grid to place the object. | |
|
Gets or sets a value that specifies the vertical alignment of the object within the grid row. | |
|
Gets or sets one or more values that specify the height of each grid row within the object. | |
|
Gets or sets a value that specifies the number of rows of the grid that the object spans. | |
|
Retrieves a reference to the sibling element that immediately follows or null if the element does not have any sibling elements that follow it. | |
|
Retrieves a reference to the next child of the parent for the object. | |
|
Gets the name of a particular type of node. | |
|
Retrieves the type of the requested node. | |
|
Gets or sets the value of a node. | |
|
Retrieves the height of the object relative to the layout or coordinate parent, as specified by the offsetParent property. | |
|
Retrieves the calculated left position of the object relative to the layout or coordinate parent, as specified by the offsetParent property. | |
|
Retrieves a reference to the container object that defines the offsetTop and offsetLeft properties of the object. | |
|
Retrieves the calculated top position of the object relative to the layout or coordinate parent, as specified by the offsetParent property. | |
|
Retrieves the width of the object relative to the layout or coordinate parent, as specified by the offsetParent property. | |
|
Sets or retrieves the object and its content in HTML. | |
|
Sets or retrieves the text of the object. | |
|
Retrieves the document object associated with the node. | |
|
Retrieves the parent object in the object hierarchy. | |
|
Retrieves the parent object in the document hierarchy. | |
|
Retrieves the container object in the document hierarchy that can be used to create a TextRange containing the original object. | |
|
Gets or sets a value that represents the perspective from which all child elements of the object are viewed. | |
|
Gets or sets one or two values that represent the origin (the vanishing point for the 3-D space) of an object with an perspective property declaration. | |
|
Retrieves a reference to the immediately preceding sibling element or null if the element does not have any preceding siblings. | |
|
Gets a reference to the previous child of the parent for the object. | |
|
Retrieves the current state of the object. | |
|
Sets or retrieves the role for this element. | |
|
Retrieves the scrolling height of the object. | |
|
Sets or retrieves the distance between the left edge of the object and the leftmost portion of the content currently visible in the window. | |
|
Sets or retrieves the distance between the top of the object and the topmost portion of the content currently visible in the window. | |
|
Retrieves the scrolling width of the object. | |
|
Retrieves the ordinal position of the object, in source order, as the object appears in the document's all collection. | |
|
Sets an inline style for the element. | |
|
Sets or retrieves the index that defines the tab order for the object. | |
|
Retrieves the tag name of the object. | |
|
Sets or retrieves advisory information (a ToolTip) for the object. | |
|
Gets or sets a value that specifies how child elements of the object are rendered in 3-D space. | |
|
Gets or sets one or more shorthand values that specify the transition properties for a set of corresponding object properties identified in the transition-property property. | |
|
Gets or sets one or more values that specify the offset within a transition (the amount of time from the start of a transition) before the transition is displayed for a set of corresponding object properties identified in the transition property. | |
|
Gets or sets one or more values that specify the durations of transitions on a set of corresponding object properties identified in the transition-property property. | |
|
Gets or sets a value that identifies the CSS property name or names to which the transition effect (defined by the transition-duration, transition-timing-function, and transition-delay properties) is applied when a new property value is specified. | |
|
Gets or sets one or more values that specify the intermediate property values to be used during a transition on a set of corresponding object properties identified in the transition-property property. | |
|
Retrieves an autogenerated, unique identifier for the object. | |
|
Retrieves the element's unique number. |
Standards information
- HTML 4.01 Specification, Section 9.2.1
Remarks
The actual formatting of a var element is determined by the browser. a Windows Store app using JavaScript renders the var element in italic type.
The actual formatting of a var element is determined by the mode used to render it.
Examples
This example uses the var element to render the word "filename" in italic type.
Enter the <var>filename</var> in the dialog box.
Build date: 11/28/2012
