JavaScript Reference/Javascript Properties/clientHeight

Материал из Web эксперт
Версия от 18:30, 25 мая 2010; (обсуждение)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"clientHeight" Example

    
<html>
<body>
<div id="myDiv" 
     style="position:absolute; 
            left:150; 
            top:100; 
            width:400; 
            height:200; 
            background-color:blue;">
</div>
<button onclick="alert(myDiv.clientHeight);">clientHeight</button>&nbsp;
<br>
<br>
</body>
</html>



"clientHeight" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<area>                          <b>                           |
|                |<base>                          <basefont>                    |
|                |<bdo>                           <big>                         |
|                |<blockquote>                    <body>                        |
|                |<br>                            <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |<custom>                        <dd>                          |
|                |<del>                           <dfn>                         |
|                |<dir>                           <div>                         |
|                |<dl>                            <dt>                          |
|                |<em>                            <embed>                       |
|                |<fieldset>                      <form>                        |
|                |<frame>                         <frameset>                    |
|                |<head>                          <hn>                          |
|                |<hr>                            <html>                        |
|                |<i>                             <iframe>                      |
|                |<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>                          |
|                |<link>                          <listing>                     |
|                |<map>                           <marquee>                     |
|                |<menu>                          <meta>                        |
|                |<nobr>                          <noframes>                    |
|                |<noscript>                      <object>                      |
|                |<ol>                            <optgroup>                    |
|                |<option>                        <p>                           |
|                |<param>                         <plaintext>                   |
|                |<pre>                           <q>                           |
|                |<s>                             <samp>                        |
|                |<script>                        <select>                      |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |<style>                         <sub>                         |
|                |<sup>                           <table>                       |
|                |<tbody>                         <td>                          |
|                |<textarea>                      <tfoot>                       |
|                |<th>                            <thead>                       |
|                |<title>                         <tr>                          |
|                |<tt>                            <u>                           |
|                |<ul>                            <var>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"clientHeight" Syntax and Note

Note:
Read-only properties. 
Retrieve the content and padding height.
    
Syntax:
    
document.getElementById("elementID").clientHeight
document.getElementById("elementID").clientWidth
document.all.elementID.clientHeight // IE only
document.all.elementID.clientWidth // IE only