Muandiko wa CodeW3C wa barua ya kina
  • Muandiko wa HTML wa mawakala
  • Mashairi ya Mtaafuta
  • Mashairi ya Serikali
  • Muandiko wa programu
  • Muandiko wa XML wa mawakala
  • Mshirikiano wa kumekadiri
  • Mshirikiano wa mafunzo

Makala ya Mzigo

Kitabu cha Mwongozo cha JS

  • Kitabu cha Mwongozo cha JS (Muundo wa Aina)
  • Kitabu cha Mwongozo cha JS (Muundo wa Amba)

JavaScript

  • Array ya JS
  • Boolean ya JS
  • Class ya JS
  • Tarehe ya JS
  • Kosa ya JS
  • Jumuia ya JS
  • JSON ya JS
  • Map ya JS
  • Math ya JS
  • Namba ya JS
  • Promise ya JS
  • RegExp ya JS
  • Set ya JS
  • Tarakimu ya JS
  • Mfano wa JS
  • Mafungo ya JS
  • Muundo wa Mafungo ya JS
  • JS Mafungo
  • JS Mazingina ya Tendapi

Window

  • Inayotumika kwa Window
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTMLAttribute
  • HTML Event
  • HTML Event Mfano
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Style

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Fullscreen
  • API Geolocation
  • API History
  • API MediaQueryList
  • API Storage
  • API Validation
  • API Web

HTML Mfano

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> button
  • <input> checkbox
  • <input> color
  • <input> date
  • <input> datetime
  • <input> datetime-local
  • <input> email
  • <input> file
  • <input> hidden
  • <input> image
  • <input> month
  • <input> number
  • <input> password
  • <input> radio
  • <input> range
  • <input> reset
  • <input> search
  • <input> submit
  • <input> text
  • <input> time
  • <input> url
  • <input> week
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
  • <mark>
  • <menu>
  • <menuitem>
  • <meta>
  • <meter>
  • <nav>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <pre>
  • <progress>
  • <q>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strong>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • <time>
  • </a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Mfano wa DOM Track wa HTML"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Mfano wa DOM Underline wa HTML"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Mfano wa DOM Ul wa HTML"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Mfano wa DOM Variable wa HTML"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Mfano wa DOM Video wa HTML"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Mfano wa CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Mfano wa Konversi ya Aina ya JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Tukio wa CodeW3C.com">Tukio wa CodeW3C.com</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML DOM Element offsetLeft 属性</h1> <div class="prenextnav-ref"> <ul> <li> Mwitu <a href="/sw/jsref/prop_element_offsetwidth.html" title="Kipendekezo cha offsetWidth kwa Element wa DOM HTML">offsetWidth</a></li> <li> Pya <a href="/sw/jsref/prop_element_offsetparent.html" title="Kipendekezo cha offsetParent kwa Element wa DOM HTML">offsetParent</a></li> <li> Rudi kwa ukweli wa juu <a href="/sw/jsref/dom_obj_all.html" title="Mfano wa DOM Elements">Mfano wa DOM Elements</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>offsetLeft</code> 属性返回相对于父级的左侧位置（以像素计）。此属性是只读的。</p> <p>返回值包括：</p> <ul> <li>元素的左边位置和外边距</li> <li>父的左内边距、滚动条和边框</li> </ul> <p>请参阅：<a href="/sw/css/css_boxmodel.html" title="Muundo wa Kifungu cha CSS">CSS 框模型教程</a></p> <h3>offsetParent</h3> <p>所有块级元素都报告相对于偏移父级的偏移量：</p> <ul> <li>offsetTop</li> <li>offsetLeft</li> <li>offsetWidth</li> <li>offsetHeight</li> </ul> <p>偏移父级指的是最近的具有非静态位置的祖先。</p> <p>如果不存在偏移父级，则偏移量是相对于文档正文的。</p> <h3>Tafuta pia:</h3> <p><a href="/sw/jsref/prop_element_offsettop.html" title="Kipendekezo cha offsetTop kwa Element wa DOM HTML">Mwili wa kina wa ukweli wa juu</a></p> <p><a href="/sw/jsref/prop_element_offsetwidth.html" title="Kipendekezo cha offsetWidth kwa Element wa DOM HTML">Mwili wa eneo wa kina</a></p> <p><a href="/sw/jsref/prop_element_offsetheight.html" title="Kipendekezo cha offsetHeight kwa Element wa DOM HTML">Mwili wa eneo wa kina</a></p> <p><a href="/sw/jsref/prop_element_offsetparent.html" title="Kipendekezo cha offsetParent kwa Element wa DOM HTML">Mwili wa kina cha offset</a></p> <p><a href="/sw/jsref/prop_element_clienttop.html" title="Kipendekezo cha clientTop kwa Element wa DOM HTML">Mwili wa eneo wa kichwa cha kijana</a></p> <p><a href="/sw/jsref/prop_element_clientleft.html" title="Kipendekezo cha clientLeft kwa Element wa DOM HTML">Mwili wa eneo wa kichwa cha kijana</a></p> <p><a href="/sw/jsref/prop_element_clientwidth.html" title="Kipendekezo cha clientWidth kwa Element wa DOM HTML">Mwili wa eneo wa kichwa cha kijana</a></p> <p><a href="/sw/jsref/prop_element_clientheight.html" title="Kipendekezo cha clientHeight kwa Element wa DOM HTML">Mwili wa eneo wa kichwa cha kijana</a></p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Pata eneo la offsetLeft la "myDIV":</p> <pre class="language-js"> const element = document.getElementById("myDIV"); let pos = element.offsetLeft; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_prop_element_offsetleft_1">Tafuta kwa urahisi</a></p> <h3>Mfano 2</h3> <p>Pata eneo la "myDIV":</p> <pre class="language-js"> const element = document.getElementById("myDIV"); let pos1= element.offsetTop; let pos2= element.offsetLeft; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_prop_element_offsetleft_2">Tafuta kwa urahisi</a></p> </div> <div> <h2>Makadaro</h2> <p>Rudi eneo la kushinda kwa ukweli:</p> <pre><i>element</i>.offsetLeft</pre> <h3>Matokeo</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Aina</th> <th>Kielewa</th> </tr> <tr> <td>Sifuri</td> <td>Mwili wa eneo la kushinda kwa pixeli.</td> </tr> </table> </div> <div> <h2>Mwakilishi wa barabara</h2> <p>Wote wanaingia kwa barabara <code>element.offsetTop</code>:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>IE</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Mwakilishi</td> <td>Mwakilishi</td> <td>Mwakilishi</td> <td>Mwakilishi</td> <td>Mwakilishi</td> <td>Mwakilishi</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Mwitu <a href="/sw/jsref/prop_element_offsetwidth.html" title="Kipendekezo cha offsetWidth kwa Element wa DOM HTML">offsetWidth</a></li> <li> Pya <a href="/sw/jsref/prop_element_offsetparent.html" title="Kipendekezo cha offsetParent kwa Element wa DOM HTML">offsetParent</a></li> <li> Rudi kwa ukweli wa juu <a href="/sw/jsref/dom_obj_all.html" title="Mfano wa DOM Elements">Mfano wa DOM Elements</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Mfumo wa vifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Mshirikiano wa JavaScript na HTML DOM wa mafunzo</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mfano wa JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Mchakato wa JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Kuandaa JavaScript</a></h5> </div> <div><h3><center> Mpenzi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com inaofisha kijadai hali ya mafunzo na matokeo, hawakubaliwa kilekile ni sahihi. Risiki inayotumika kwa matukio ya hivyo inakusudiwa kwenye tovuti haina muhimu. Hata hazishukurushwa kwa sahihi ya hisia ya kilekile inayotumika kwa matukio ya tovuti. Haki za mashairi zote, hatarishwa zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Kiocherangia cha kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu habari ya kilele">Kiocherangia cha habari ya kilele</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Inariki na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>