JavaScript Reference/Javascript Objects/currentStyle
Версия от 18:30, 25 мая 2010; (обсуждение)
Содержание
"currentStyle" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |accelerator background |
| Attributes |background-attachment background-color |
| and |background-image background-position |
| JavaScript |background-position-x background-position-y |
| Style |background-repeat behavior |
| Properties |border border-bottom |
| |border-bottom-color border-bottom-style |
| |border-bottom-width border-color |
| |border-left border-left-color |
| |border-left-style border-left-width |
| |border-right border-right-color |
| |border-right-style border-right-width |
| |border-style border-top |
| |border-top-color border-top-style |
| |border-top-width border-width |
| |color cursor |
| |direction display |
| |filter font |
| |font-family font-size |
| |font-style font-variant |
| |font-weight hasLayout(*) |
| |layout-grid layout-grid-char |
| |layout-grid-line layout-grid-mode |
| |layout-grid-type letter-spacing |
| |line-break line-height |
| |margin margin-bottom |
| |margin-left margin-right |
| |margin-top overflow |
| |overflow-x overflow-y |
| |padding padding-bottom |
| |padding-left padding-right |
| |padding-top page-break-after |
| |page-break-before pixelBottom(*) |
| |pixelHeight(*) pixelLeft(*) |
| |pixelRight(*) pixelTop(*) |
| |pixelWidth(*) posBottom(*) |
| |posHeight(*) posLeft(*) |
| |posRight(*) posTop(*) |
| |posWidth(*) scrollbar-3dlight-color |
| |scrollbar-arrow-color scrollbar-base-color |
| |scrollbar-darkshadow-color scrollbar-face-color |
| |scrollbar-highlight-color scrollbar-shadow-color |
| |scrollbar-track-color text-align |
| |text-align-last text-autospace |
| |text-decoration text-indent |
| |text-justify text-kashida-space |
| |text-overflow text-transform |
| |text-underline-position textDecorationBlink(*) |
| |textDecorationLineThrough(*) textDecorationNone(*) |
| |textDecorationOverline(*) textDecorationUnderline(*) |
| |unicode-bidi visibility |
| |white-space word-break |
| |word-spacing word-wrap |
| |zoom |
+----------------+--------------------------------------------------------------+
"currentStyle" Example
<html>
<head>
<style>
td {background-color:red;
font-family:verdana;
font-size:12pt;
font-weight:bold;
color:white;
width:100%
}
</style>
</head>
<body>
<table>
<tr>
<td width="1100" id="myCell">content</td>
</tr>
</table>
<button onclick="alert(myCell.currentStyle.width);">Width of the table</button>
</body>
</html>
"currentStyle" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<address> <applet> |
| |<b> <bdo> |
| |<big> <blockquote> |
| |<body> <br> |
| |<button> <caption> |
| |<center> <cite> |
| |<code> <col> |
| |<colgroup> <custom> |
| |<dd> <del> |
| |<dfn> <dir> |
| |<div> <dl> |
| |<dt> <em> |
| |<embed> <fieldset> |
| |<font> <form> |
| |<hn> <hr> |
| |<html> <i> |
| |<img> <input type="button"> |
| |<input type="checkbox"> <input type="file"> |
| |<input type="image"> <input type="password"> |
| |<input type="radio"> <input type="reset"> |
| |<input type="submit"> <input type="text"> |
| |<ins> <isindex> |
| |<kbd> <label> |
| |<legend> <li> |
| |<listing> <marquee> |
| |<menu> <nobr> |
| |<object> <ol> |
| |<option> <p> |
| |<pre> <q> |
| |<s> <samp> |
| |<select> <small> |
| |<span> <strike> |
| |<strong> <sub> |
| |<sup> <table> |
| |<tbody> <td> |
| |<textarea> <tfoot> |
| |<th> <thead> |
| |<tr> <tt> |
| |<u> <ul> |
| |<var> <wbr> |
| |<xmp> |
+----------------+--------------------------------------------------------------+
"currentStyle" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |getAttribute getExpression |
| Methods |setAttribute setExpression |
+----------------+--------------------------------------------------------------+
"currentStyle" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |blockDirection clipBottom |
| Properties |clipLeft clipRight |
| |clipTop hasLayout |
| |onOffBehavior |
+----------------+--------------------------------------------------------------+
"currentStyle" Syntax and Note
Note:
Returns all the styles applied to an element.
It differs from the style object in that the style object only returns the styles
that have been applied to the element inline.
Syntax:
document.all.elementID.currentStyle.memberName