कोडडब्ल्यू3सी ऑनलाइन ट्यूटोरियल
  • एचटीएमएल श्रृंखला ट्यूटोरियल
  • ब्राउज़र स्क्रिप्ट
  • सर्वर स्क्रिप्ट
  • प्रोग्रामिंग ट्यूटोरियल
  • एक्सएमएल श्रृंखला ट्यूटोरियल
  • वेबसाइट बुकमैन
  • रेफरेंस मैनुअल

कक्षा सारणी

JS संदर्भ पुस्तिका

  • JS संदर्भ पुस्तिका (श्रेणी क्रमांक)
  • JS संदर्भ पुस्तिका (अक्षर क्रमांक)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Date
  • JS Error
  • JS Global
  • JS JSON
  • JS Map
  • JS Math
  • JS Number
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS ऑब्जैक्ट
  • JS ऑपरेटर
  • JS ऑपरेटर प्राथमिकता
  • JS स्टेटमेंट
  • JS टाइपाइज़ एरे

Window

  • विंडो ऑब्जैक्ट
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTML Attribute
  • HTML Event
  • HTML Event ऑब्जैक्ट
  • 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 वेब

HTML ऑब्जैक्ट

  • <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="/hi/jsref/dom_obj_track.html" title="HTML DOM Track ऑब्जेक्ट"><title></a></li> <li><a href="/hi/jsref/dom_obj_u.html" title="HTML DOM Underline ऑब्जेक्ट"><track></a></li> <li><a href="/hi/jsref/dom_obj_ul.html" title="HTML DOM Ul ऑब्जेक्ट"><u></a></li> <li><a href="/hi/jsref/dom_obj_var.html" title="HTML DOM Variable ऑब्जेक्ट"><ul></a></li> <li><a href="/hi/jsref/dom_obj_video.html" title="HTML DOM Video ऑब्जेक्ट"><var></a></li> </ul> <h2><video></h2> <ul> <li><a href="/hi/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ऑब्जेक्ट">अन्य संदर्भ पुस्तिका</a></li> <li><a href="/hi/jsref/jsref_type_conversion.html" title="JavaScript टाइप कनवर्शन">CSSStyleDeclaration</a></li> </ul> </div> <div><h3><center> JS टाइप कनवर्शन </center><h3> <h2>वैकल्पिक पाठ्यक्रम</h2> <ul> <li><a href="/hi/howto/index.html" title="CodeW3C.com का बैग">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>कोर्स की सिफारिश:</h1> <div class="prenextnav-ref"> <ul> <li> पिछला पृष्ठ <a href="/hi/jsref/prop_element_offsetwidth.html" title="HTML DOM Element offsetWidth अटिबाइट">offsetWidth</a></li> <li> अगला पृष्ठ <a href="/hi/jsref/prop_element_offsetparent.html" title="HTML DOM Element offsetParent अटिबाइट">offsetParent</a></li> <li> पिछला स्तर <a href="/hi/jsref/dom_obj_all.html" title="HTML DOM Elements ऑब्जेक्ट">HTML DOM Elements ऑब्जेक्ट</a></li> </ul> </div> <div> <h2>HTML DOM Element offsetLeft गुण</h2> <p><code>offsetLeft</code> परिभाषा और उपयोग</p> <p>गुण वापसी मूल्य पिता के बारे में बाएं स्थान (पिक्सल में) मापा जाता है। यह गुण लिखित है।</p> <ul> <li>वापसी मूल्य शामिल है:</li> <li>पिता का बाएं आंतरिक मार्जिन, स्क्रॉल बार और किनारा</li> </ul> <p>देखें:<a href="/hi/css/css_boxmodel.html" title="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>अन्य देखें:</h3> <p><a href="/hi/jsref/prop_element_offsettop.html" title="HTML DOM Element offsetTop अटिबाइट">offsetTop गुण</a></p> <p><a href="/hi/jsref/prop_element_offsetwidth.html" title="HTML DOM Element offsetWidth अटिबाइट">offsetWidth गुण</a></p> <p><a href="/hi/jsref/prop_element_offsetheight.html" title="HTML DOM Element offsetHeight अटिबाइट">offsetHeight गुण</a></p> <p><a href="/hi/jsref/prop_element_offsetparent.html" title="HTML DOM Element offsetParent अटिबाइट">offsetParent गुण</a></p> <p><a href="/hi/jsref/prop_element_clienttop.html" title="HTML DOM Element clientTop अटिबाइट">clientTop गुण</a></p> <p><a href="/hi/jsref/prop_element_clientleft.html" title="HTML DOM Element clientLeft अटिबाइट">clientLeft गुण</a></p> <p><a href="/hi/jsref/prop_element_clientwidth.html" title="HTML DOM Element clientWidth अटिबाइट">clientWidth गुण</a></p> <p><a href="/hi/jsref/prop_element_clientheight.html" title="HTML DOM Element clientHeight अटिबाइट">clientHeight गुण</a></p> </div> <div> <h2>इंस्टांस</h2> <h3>उदाहरण 1</h3> <p>"myDIV" का offsetLeft स्थान प्राप्त करें:</p> <pre class="language-js"> const element = document.getElementById("myDIV"); let pos = element.offsetLeft; </pre> <p class="tiy"><a target="_blank" href="/hi/tiy/t.html?f=jsck_prop_element_offsetleft_1">अपने आप सामने दिखाएं</a></p> <h3>उदाहरण 2</h3> <p>"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="/hi/tiy/t.html?f=jsck_prop_element_offsetleft_2">अपने आप सामने दिखाएं</a></p> </div> <div> <h2>व्याकरण</h2> <p>बाएं बहिरी स्थान वापसी मापा जाता है:</p> <pre><i>element</i>.offsetLeft</pre> <h3>वापसी मूल्य</h3> <table class="dataintable"> <tr> <th style="width: 25%;">क़िस्म</th> <th>वर्णन</th> </tr> <tr> <td>संख्या</td> <td>एलिमेंट के बाएं स्थान, पिक्सल में मापा जाता है。</td> </tr> </table> </div> <div> <h2>ब्राउज़र समर्थन</h2> <p>सभी ब्राउज़रों का समर्थन है <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>सहायता</td> <td>सहायता</td> <td>सहायता</td> <td>सहायता</td> <td>सहायता</td> <td>सहायता</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> पिछला पृष्ठ <a href="/hi/jsref/prop_element_offsetwidth.html" title="HTML DOM Element offsetWidth अटिबाइट">offsetWidth</a></li> <li> अगला पृष्ठ <a href="/hi/jsref/prop_element_offsetparent.html" title="HTML DOM Element offsetParent अटिबाइट">offsetParent</a></li> <li> पिछला स्तर <a href="/hi/jsref/dom_obj_all.html" title="HTML DOM Elements ऑब्जेक्ट">HTML DOM Elements ऑब्जेक्ट</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> टूलबॉक्स </center><h3> <h5 id="tools_reference"><a href="/hi/jsref/index.html">जेसक्रिप्ट और एचटीएमएल डॉम रेफरेंस मैनुअल</a></h5> <h5 id="tools_example"><a href="/hi/js/js_examples.html">JavaScript इंस्टांस</a></h5> <h5 id="tools_quiz"><a href="/hi/js/js_quiz.html">JavaScript टेस्ट</a></h5> <h5 id="tools_tutorial"><a href="/hi/js/index.html">JavaScript ट्यूटोरियल</a></h5> </div> <div><h3><center> सापोर्टिंग लिंक </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com द्वारा प्रदान किए गए सामग्री केवल प्रशिक्षण और परीक्षण के लिए है, सहीता नहीं दी जाती। इस साइट के सामग्री का उपयोग करने से उत्पन्न होने वाले जोखिम इस साइट से नहीं जुड़ते। सभी अधिकार अभिरक्षित, सभी अधिकार अभिरक्षित। </p> <p id="p2"> <a href="/hi/about/index.html" title="CodeW3C.com के बारे में">CodeW3C.com के बारे में</a> <a href="/hi/about/about_helping.html" title="CodeW3C.com की मदद">CodeW3C.com की मदद</a> <a href="/hi/about/about_use.html" title="स्क्रिप्ट के बारे में">उपयोग शर्त</a> <a href="/hi/about/about_privacy.html" title="गोपनीयता के बारे में">गोपनीयता शर्त</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="सीई4ई.कॉम पर पॉवरड"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>