CSS property styles, events, collections, filters, methods, objects, styles Daquan

Label Properties/Properties
Behavior
Collection
Event
Filter
Method
Object
Style
Label Attribute Property Description
ALIGN ALIGN Sets or gets the table arrangement.
Allowtransparency allowtransparency Sets or gets whether the object can be transparent.
Application application Indicates whether the object's content is an HTML application (HTA) in order to exempt the browser from Safe mode.
ATOMICSELECTION Specifies whether an element and its contents can be selected uniformly in an invisible unit.
Begin to set or get the delay before the timeline plays on the element.
BORDER BORDER Sets or gets the space between frames, including the 3D border.
Canhavechildren gets a value that indicates whether the object can contain child objects.
Canhavehtml gets a value that indicates whether the object can contain rich HTML tags.
Class ClassName Sets or gets the classes of the object.
Contentwindow Gets the window object for the specified frame or IFRAME.
DATAFLD datafld Sets or gets the field specified by the Datasrc property that is bound to the given data source for the specified object.
DATASRC DATASRC Sets or gets the data source used for data binding.
Disabled Gets a value that indicates whether the user can interact with the object.
End end Sets or gets the value that indicates the end time of the element, or the element is set to a repeating, simple, continuous termination time.
FirstChild gets a reference to the first child object of the ChildNodes collection of the object.
Frameborder frameborder Sets or gets whether the bounding rectangle of the frame is displayed.
Hasmedia gets a Boolean value that indicates whether the element is a html+time media element.
Height height Sets or gets the heights of the objects.
Hidefocus Hidefocus Sets or gets a value that indicates whether the object explicitly indicates focus.
Hspace hspace Sets or gets the horizontal margin of the object.
ID ID Gets the string that identifies the object.
InnerText Sets or gets the text that is within the start and end tags of the object.
Iscontenteditable gets a value that indicates whether the user can edit the object content.
Isdisabled gets a value that indicates whether the user can interact with the object.
Ismultiline gets a value that indicates whether the object's contents are one or more rows.
isTextEdit gets whether a TextRange object can be created using the object.
Lang Lang Sets or gets the language to use.
LANGUAGE LANGUAGE Sets or gets the language in which the current script is written.
LastChild gets a reference to the last child object in the ChildNodes collection of this object.
LongDesc Sets or gets the Uniform Resource Identifier (URI) of the object's long description.
Marginheight marginheight Sets or gets the height of the top and bottom margins before the text in the frame is displayed.
Marginwidth marginwidth Sets or gets the width of the left and right margins before the text in the frame is displayed.
Name name to set or get the names of the frames.
NextSibling gets a reference to the next sibling object of this object.
NodeName gets the name of a specific node type.
NodeType gets the type of node you want.
Nodue Sets or gets the value of the node.
Offsetheight Gets the height of the object relative to the layout or parent coordinates specified by the parent coordinate offsetParent property.
Offsetleft gets the left position of the computed object relative to the layout or the parent coordinate specified by the OffsetParent property.
OffsetParent gets a reference to the container object that defines the OffsetTop and Offsetleft properties of the object.
OffsetTop gets the computed top position of the object relative to the layout or the parent coordinate specified by the OffsetTop property.
Offsetwidth Gets the width of the object relative to the layout or the parent coordinate specified by the parent coordinate offsetParent property.
Onoffbehavior gets an indication of the specified microsoft®directanimation® Whether the behavior is running on the object.
outerHTML Sets or gets the HTML form of the object and its contents.
Outertext Sets or gets the text of the object.
Ownerdocument Sets or gets the document object associated with the node.
Parentelement gets the parent object in the object hierarchy.
ParentNode gets the parent object in the document hierarchy.
parentTextEdit Gets the container object in the document hierarchy that can be used to create TextRange that contain the original object.
PreviousSibling gets a reference to the previous sibling object of this object.
ReadyState gets the current state of the object.
ReadyState gets a value that indicates the current state of the object.
RecordNumber gets the original record of the generated object in the dataset.
ScopeName gets the namespace defined for the element.
Scrolling scrolling Sets or gets whether the frame can be scrolled.
Security security Gets a value that indicates whether the source file for a frame or IFRAME has a specific security limit applied.
SourceIndex gets the order in which the object is placed in the source sequence, that is, the object appears in the all collection of document.
src src Sets or gets the URL to be loaded by the object.
Style sets the inline style for the setting element.
SyncMaster SyncMaster Sets or gets whether the time container must synchronize playback on this element.
Systembitrate gets the bps of approximately the available bandwidth in the system.
Systemcaption indicates whether you want to display text in place of the audio portion of the presentation.
Systemlanguage indicates whether the given language is selected in the option settings on the user's computer.
SYSTEMOVERDUBORSUBTITLE Specifies whether to render dubbing or subtitles for users who are watching the demo but are not familiar with the language used for the audio being played.
TABINDEX TABINDEX Sets or gets the index that defines the Tab order of the object.
TagName gets the label name of the object.
Tagurn Sets or gets the Uniform Resource name (URN) specified in the namespace declaration.
Timecontainer Timecontainer Sets or gets the type of timeline associated with the element.
Title title Sets or gets the advisory information (tooltip) for the object.
UniqueID gets the unique identifier that is automatically generated for the object.
unselectable specifies that the element cannot be selected.
Vspace vspace Sets or gets the vertical margin of the object.
Width width Sets or gets the width of the object.

Label Properties/Properties

Behavior

Behavior description
Clientcaps provides information about the features supported by Internet Explorer and provides a ready-to-use, ready-to-install approach.
Download downloads the file and notifies a specified callback function after the download is complete.
Homepage contains information about the user's home page.
Time provides an active timeline for the HTML element.
TIME2 provides an active timeline for an HTML element or a set of elements.

Collection

Collection description
All returns a reference to the collection of elements contained by the object.
Attributes gets the collection of object label properties.
Behaviorurns returns a collection of Uniform Resource Name (URN) strings that identify the behavior that is attached to the element.
ChildNodes gets a collection of HTML elements and Textnode objects that are direct descendants of the specified object.
Children gets the collection of DHTML objects as direct descendants of the object.

Event

Event description
OnActivate is triggered when the object is set to the active element.
onafterupdate fires on a data-bound object when the associated object in the data source object is successfully updated.
Onbeforedeactivate fires immediately before the activeelement changes from the current object to another object in the parent document.
onbeforeupdate fires on a data-bound object before the associated object in the data source object is successfully updated.
Onblur fires when an object loses input focus.
Oncontrolselect fires when a user is about to make a control selection on the object.
OnDeactivate fires when activeelement changes from the current object to another object in the parent document.
onerrorupdate triggers on data-bound objects when there is an error updating the associated data in the data source object.
onfocus triggers when the object gets focus.
OnLoad fires immediately after the browser finishes loading the object.
OnMove triggered when an object is moved.
Onmoveend is triggered when the object stops moving.
Onmovestart is triggered when the object starts moving.
onReadyStateChange is triggered when the object state changes.
Onresizeend triggered when the user finishes changing the dimensions of the object in the control's selected area.
Onresizestart is triggered when the user starts to change the dimensions of the object in the control's selected area.
Ontimeerror is triggered unconditionally when a specific time error occurs, usually caused by setting the property to an invalid value.

Filter

Filter Property Description
Alpha adjusts the opacity of the object's contents.
AlphaImageLoader displays an image between the object's bounds and the object background to the content, optionally trimming or scaling the image size. When you load a Portable Network image (PNG), the transparency from the 0到100% is supported.
Barn displays new contents of an object in the form of a door opening or closing movement.
Basicimage adjusts the color processing, image rotation, or opacity of the object's contents.
Blendtrans displays the new content of the object in the form of a fade-out original content.
Blinds Displays the new contents of the object in a motion mode that turns the blind spot on or off.
Blur blurs the contents of an object so that it looks out of focus.
Checkerboard Displays the new contents of the object in the form of a checkerboard covering the original content.
Chroma displays the specified color of the object content as transparent.
Compositor Displays the new contents of the object in the form of a logical color combination of old and new content. The color and alpha values of each version are calculated to determine the final color of the output image.
DropShadow creates an entity shadow for the object content, offset in the specified direction. This will cause the content to appear to be floating, thus creating a shadow.
Emboss objects are displayed in an embossed texture using grayscale values.
Engrave uses grayscale values to display an object in a sculpted texture.
Fade displays the new content of the object in the form of a fade-out original content.
The FLIPH displays the object's contents in a horizontally flipped form.
The FLIPV displays the object's contents in a vertically flipped form.
Glow adds a halo outside the edge of the object to make it look like a glow.
Gradient displays a gradient-colored surface between the object's background and content.
Gradientwipe Displays the new contents of the object in the form of a gradient overlay on the original content.
Gray displays object content in grayscale.
The icmfilter transforms the color content of an object based on the Image Color Management (ICM) profile. This will allow the display of the specified content to improve, or simulate the display on a hardware device such as a printer or monitor.
Inset Displays the new contents of the object in a diagonal direction.
Invert inverts the hue, saturation, and brightness of the object's contents.
Iris Displays the new contents of the object in a rainbow effect, similar to the camera aperture opening.
Light creates a lighting effect on the object's contents.
Maskfilter displays transparent pixels of the object's contents as colored masks, which display opaque pixels as transparent.
Matrices use matrix transformations to scale, rotate, or visualize the contents of an object.
Motionblur displays the object content with a motion blur effect.
Pixelate Displays the contents of an object as a colored square, depending on the average color value of the area to which the block is substituted. This filter display is available for switching.
Radialwipe the new content of the object in the form of a radiant erase.
Randombars the new content of the object in the form of a random pixel line explosion.
Randomdissolve the new content of objects in the form of random pixel explosions.
Redirect is not yet supported.
Revealtrans uses 24 predefined transitions to visualize the new content of the object.
Shadow creates an entity shadow for the object content, offset in the specified direction. This creates a shadow effect.
Slide the new content of the object in the form of an image glide.
Spiral the new content of the object in the form of spiral motion.
Stretch the new content of the object in the form of an extruded overlay of the original content. There is an option like a cube that goes from one surface to another surface.
Strips the original content of the object in the form of a bar overlay, as if there was a saw sawing the original content.
Wave performs a vertical sine wave distortion on the object's contents.
Wheel the new content of the object in the form of rotational motion, as if the wheel had rolled over the original content.
Xray changes the color depth of the object content to display it in black and white.
Zigzag moves the object's new content back and forth on the object to overwrite the original content.

Method

Method description
Addbehavior attaches an action to an element.
AppendChild appends a child element to an object.
Applyelement makes an element a child or parent element of another element.
Attachevent binds the specified function to the event so that it is called whenever the event fires on the object.
Blur causes the element to lose focus and trigger the onblur event.
Clearattributes removes all label properties and values from the object.
CloneNode copies a reference to an object from the document hierarchy.
Componentfrompoint returns the position of the object under the specified coordinates through a specific event.
Contains checks whether the object contains the given element.
DetachEvent cancels the binding of the specified function from the event so that the function does not receive notification when the event is triggered.
DragDrop initializes the drag event.
FireEvent the specified event that triggers the object.
Focus causes the element to be focused and executes the code specified by the onfocus event.
Getadjacenttext returns the adjacency text string.
GetAttribute gets the value of the specified label property.
GetAttributeNode Gets the attribute object referenced by the Attribute.name property.
getElementsByTagName gets a collection of objects based on the specified element name.
Getexpression_r gets an expression for the given property.
HasChildNodes returns a value that indicates whether the object has child objects.
Insertadjacentelement inserts an element at the specified position.
insertAdjacentHTML inserts the given HTML text in the element at the specified position.
insertAdjacentText inserts the given text at the specified position.
InsertBefore inserts elements into the document hierarchy as child nodes of the parent object.
Mergeattributes Copy all read/write tag attributes to the specified element.
Normalize merges the adjacency Textnode object to produce a regular document Object model.
RemoveAttribute deletes the given label property of the object.
Removeattributenode removes the attribute object from the object.
Removebehavior the behavior of the detached element.
RemoveChild deletes a child node from the element.
Removeexpression_r removes an expression from the specified property.
RemoveNode removes objects from the document hierarchy.
Replaceadjacenttext the adjacency text of the replacement element.
ReplaceChild replaces the existing child elements with the new child elements.
ReplaceNode replaces objects with other elements.
scrollIntoView scrolls the object into the visible range, arranging it to the top or bottom of the window.
SetActive sets the object to be the current object without placing the object in focus.
SetAttribute sets the value of the specified label property.
Setattributenode sets the attribute object as part of the object.
Setexpression_r sets an expression for the specified object.
SwapNode Exchange the position of two objects in the document hierarchy.

Object

Object description
Runtimestyle represents the format and style of objects that are on top of the formatting and styles specified by the global style sheet, inline style, and HTML tag properties.
The style represents the current settings for all possible inline styles for a given element.

Style

Style Label Property Style Property Description
ACCELERATOR ACCELERATOR Sets or gets a string that indicates whether the object contains a shortcut key.
Background-attachment backgroundattachment Sets or gets how the background image is attached to an object within the document.
Background-color BackgroundColor Sets or gets the color of the object's contents.
Background-position-x backgroundPositionX Sets or gets the x-coordinate of the backgroundposition property.
Background-position-y backgroundPositionY Sets or gets the y-coordinate of the backgroundposition property.
Behavior behavior Sets or gets the location of the DHTML behavior.
Border-bottom BorderBottom Sets or gets the properties of the bottom border of the object.
Border-bottom-color borderBottomColor Sets or gets the color of the bottom border of the object.
Border-bottom-style borderBottomStyle Sets or gets the style of the bottom border of the object.
Border-bottom-width borderBottomWidth Sets or gets the width of the bottom border of the object.
Border-color bordercolor Sets or gets the border color of the object.
Border-left Borderleft Sets or gets the property of the left border of the object.
Border-left-color borderLeftColor Sets or gets the color of the left border of the object.
Border-left-style borderLeftStyle Sets or gets the style of the left border of the object.
Border-left-width borderLeftWidth Sets or gets the width of the left border of the object.
Border-right borderright Sets or gets the property of the right border of the object.
Border-right-color borderRightColor Sets or gets the color of the right border of the object.
Border-right-style borderRightStyle Sets or gets the style of the right border of the object.
Border-right-width borderRightWidth Sets or gets the width of the right border of the object.
Border-style BorderStyle Sets or gets the style of the upper and lower left and right borders of the object.
Border-top BorderTop Sets or gets the properties of the border on the object.
Border-top-color borderTopColor Sets or gets the color of the border on the object.
Border-top-style borderTopStyle Sets or gets the style of the border on the object.
Border-top-width borderTopWidth Sets or gets the width of the border on the object.
Border-width BorderWidth Sets or gets the width of the upper and lower left and right borders of the object.
Bottom bottom Sets or gets the position of the object relative to the bottom of the next anchored object in the document hierarchy.
Clear clear Sets or gets whether the object allows floating objects to be placed on its left, right, or both sides to prevent the next paragraph of text from appearing on a floating object.
Clip clip Sets or gets which part of the anchored object is visible.
Cursor cursor Sets or gets the mouse pointer that is used when the mouse pointer points to an object.
Display display Sets or gets whether the object is to be rendered.
Filter filter Sets or gets a collection of filters or filters applied to an object.
Height height Sets or gets the heights of the objects.
Layout-grid Layoutgrid Sets or gets the combined document gridline properties for the specified text character layout.
Layout-grid-mode Layoutgridmode Sets or gets whether the text layout grid uses two-dimensional.
Left Ieft Sets or gets the position of the object relative to the right edge of the next anchored object in the document hierarchy.
Margin margin sets or gets the upper and lower left and right margins of the object.
Margin-bottom MarginBottom Sets or gets the bottom margin width of the object.
Margin-left MarginLeft Sets or gets the left margin width of the object.
Margin-right marginright Sets or gets the width of the right margin of an object.
Margin-top margintop Sets or gets the width of the top margin of an object.
Overflow-x overflowx Sets or gets how the object content is managed when the content exceeds the width of the object.
Overflow-y Overflowy Sets or gets how the object content is managed when the content exceeds the height of the object.
Pixelbottom Sets or gets the lower position of the object.
Pixelheight Sets or gets the height of the object.
Pixelleft Sets or gets the left position of the object.
Pixelright Sets or gets the right position of the object.
Pixeltop Sets or gets the top position of the object.
Pixelwidth Sets or gets the width of the object. Posbottom Sets or gets the position below the object in the unit specified by the bottom label property.
Posheight Sets or gets the height of the object in the units specified by the height label property.
Position position Sets or gets the positioning method used by the object.
Posleft Sets or gets the left position of the object in the unit specified by the property of the leftmost label.
Posright Sets or gets the right position of the object in the unit specified by the Tag property of Starboard.
Postop Sets or gets the position above the object in the unit specified by the top label property.
Poswidth Sets or gets the width of the object in the units specified by the width label property.
Right to set or get the position of the object relative to the left edge of the next positioned object in the document hierarchy.
Float stylefloat Sets or gets the side of the object to which to wrap the text.
Text-autospace Textautospace Sets or gets the narrow space width adjustment for automatic padding and text.
Top top Sets or gets the position of the object relative to the top boundary of the next anchored object in the document hierarchy.
Visibility visibility Sets or gets whether the contents of the object are displayed.
Z-index ZIndex Sets or gets the stacking order of anchored objects.
Zoom zoom Sets or gets the magnification of the object.

Comments

The IFRAME element is the document in the document, or it looks like a floating frame (frame). The Frames collection provides access to the contents of the IFRAME. Use the Frames collection to read and write the elements contained within the IFRAME. For example, if you want to access the backgroundcolor style of the body object within the IFRAME, the syntax should be:

Scolor =document.frames ("Sframename"). Document.body.style.backgroundColor;

Through the object model of the page on which the IFrame object resides, you can access the properties of the IFrame object, but not its contents. For example, the syntax for accessing an IFrame object's border style should be:

Sbordervalue = Document.all.oFrame.style.border;

Note the properties of the IFRAME must be accessed using the prefix document.all, such as Document.all.iframeId.marginWidth.
Internet Explorer 5.5 supports content transparency for floating frames. If you want to define transparent content for a floating frame, the following conditions must be met.

The Allowtransparency Tag property that is used with the IFRAME element must be set to true.
In the IFRAME content source document, the bgcolor tag property of the Background-color or BODY element must be set to transparent.
See the use of transparent floating frames to get more information about transparent floating frames.

This element is in the microsoft® Internet Explorer4.0 are available in HTML and scripts.

This element is a block element.

This element needs to close the label.

Example

The following example uses the IFRAME element to create a frame that contains the page sample.htm.

<iframe id=iframe1 frameborder=0 scrolling=no src= "sample.htm" ></IFRAME>

The following example returns a reference to the all collection of the documents contained in the IFRAME.

var collall = document.frames ("IFrame1"). document.all

