HTML DOM Element offsetLeft အကိုးအကာ

ပြည်ထောင်စု

JS ကိုးကားရာများ

JavaScript

Window

HTML DOM

Web API

HTML အထိုး






















 - 



</a></li>
<li><a href="/my/jsref/dom_obj_image.html" title="HTML DOM အချုပ်"><img></a></li>
<li><a href="/my/jsref/dom_obj_ins.html" title="HTML DOM အကြောင်း"><ins></a></li>
<li><a href="/my/jsref/dom_obj_button.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ဘေ့တ်နောင်"><input> button</a></li>
<li><a href="/my/jsref/dom_obj_checkbox.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ချွတ်ချွတ်ချွတ်"><input> checkbox</a></li>
<li><a href="/my/jsref/dom_obj_color.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အရောင်"><input> color</a></li>
<li><a href="/my/jsref/dom_obj_date.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ရက်"><input> date</a></li>
<li><a href="/my/jsref/dom_obj_datetime.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ရက် အချိန်"><input> datetime</a></li>
<li><a href="/my/jsref/dom_obj_datetime-local.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ရက် အချိန် ရှိသော"><input> datetime-local</a></li>
<li><a href="/my/jsref/dom_obj_email.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အိမ်ရှင်"><input> email</a></li>
<li><a href="/my/jsref/dom_obj_fileupload.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ဖိုင်ပေါင်း"><input> file</a></li>
<li><a href="/my/jsref/dom_obj_hidden.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လိုင်း"><input> hidden</a></li>
<li><a href="/my/jsref/dom_obj_input_image.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ပုံ"><input> image</a></li>
<li><a href="/my/jsref/dom_obj_month.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လတ္တူ"><input> month</a></li>
<li><a href="/my/jsref/dom_obj_number.html" title="HTML DOM ပုံစံ ဘက်အစိတ် နှုတ်"><input> number</a></li>
<li><a href="/my/jsref/dom_obj_password.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ပိုး"><input> password</a></li>
<li><a href="/my/jsref/dom_obj_radio.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လျှပ်"><input> radio</a></li>
<li><a href="/my/jsref/dom_obj_range.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လျှပ်"><input> range</a></li>
<li><a href="/my/jsref/dom_obj_reset.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ပြန်လည်"><input> reset</a></li>
<li><a href="/my/jsref/dom_obj_search.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ရှာဖွေ"><input> search</a></li>
<li><a href="/my/jsref/dom_obj_submit.html" title="HTML DOM ပုံစံ ဘက်အစိတ် တိုက်ရိုက်"><input> submit</a></li>
<li><a href="/my/jsref/dom_obj_text.html" title="HTML DOM ပုံစံ ဘက်အစိတ် စကား"><input> text</a></li>
<li><a href="/my/jsref/dom_obj_input_time.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချိန်"><input> time</a></li>
<li><a href="/my/jsref/dom_obj_url.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ဝီကီ"><input> url</a></li>
<li><a href="/my/jsref/dom_obj_week.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လစာ"><input> week</a></li>
<li><a href="/my/jsref/dom_obj_kbd.html" title="HTML DOM ပုံစံ ဘက်အစိတ် ကယ်ဒ်"><kbd></a></li>
<li><a href="/my/jsref/dom_obj_label.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အကြောင်း"><label></a></li>
<li><a href="/my/jsref/dom_obj_legend.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လက်ဆုံး"><legend></a></li>
<li><a href="/my/jsref/dom_obj_li.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လို"><li></a></li>
<li><a href="/my/jsref/dom_obj_link.html" title="HTML DOM ပုံစံ ဘက်အစိတ် လမ်း"><link></a></li>
<li><a href="/my/jsref/dom_obj_map.html" title="HTML DOM ပုံစံ ဘက်အစိတ် မြတ်"><map></a></li>
<li><a href="/my/jsref/dom_obj_mark.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><mark></a></li>
<li><a href="/my/jsref/dom_obj_menu.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အသင်း"><menu></a></li>
<li><a href="/my/jsref/dom_obj_menuitem.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အသင်း အက်ဆာ"><menuitem></a></li>
<li><a href="/my/jsref/dom_obj_meta.html" title="HTML DOM ပုံစံ ဘက်အစိတ် မှတ်"><meta></a></li>
<li><a href="/my/jsref/dom_obj_meter.html" title="HTML DOM ပုံစံ ဘက်အစိတ် မှတ်"><meter></a></li>
<li><a href="/my/jsref/dom_obj_nav.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အသင်း"><nav></a></li>
<li><a href="/my/jsref/dom_obj_object.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အရာ"><object></a></li>
<li><a href="/my/jsref/dom_obj_ol.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><ol></a></li>
<li><a href="/my/jsref/dom_obj_optgroup.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက် အသင်း"><optgroup></a></li>
<li><a href="/my/jsref/dom_obj_option.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><option></a></li>
<li><a href="/my/jsref/dom_obj_output.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><output></a></li>
<li><a href="/my/jsref/dom_obj_paragraph.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><p></a></li>
<li><a href="/my/jsref/dom_obj_param.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><param></a></li>
<li><a href="/my/jsref/dom_obj_pre.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><pre></a></li>
<li><a href="/my/jsref/dom_obj_progress.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><progress></a></li>
<li><a href="/my/jsref/dom_obj_quote.html" title="HTML DOM ပုံစံ ဘက်အစိတ် အချက်"><q></a></li>
<li><a href="/my/jsref/dom_obj_s.html" title="HTML DOM S အကို"><s></a></li>
<li><a href="/my/jsref/dom_obj_samp.html" title="HTML DOM Samp အကို"><samp></a></li>
<li><a href="/my/jsref/dom_obj_script.html" title="HTML DOM Script အကို"><script></a></li>
<li><a href="/my/jsref/dom_obj_section.html" title="HTML DOM Section အကို"><section></a></li>
<li><a href="/my/jsref/dom_obj_select.html" title="HTML DOM Select အကို"><select></a></li>
<li><a href="/my/jsref/dom_obj_small.html" title="HTML DOM Small အကို"><small></a></li>
<li><a href="/my/jsref/dom_obj_source.html" title="HTML DOM Source အကို"><source></a></li>
<li><a href="/my/jsref/dom_obj_span.html" title="HTML DOM Span အကို"><span></a></li>
<li><a href="/my/jsref/dom_obj_strong.html" title="HTML DOM Strong အကို"><strong></a></li>
<li><a href="/my/jsref/dom_obj_sub.html" title="HTML DOM Subscript အကို"><sub></a></li>
<li><a href="/my/jsref/dom_obj_summary.html" title="HTML DOM Summary အကို"><summary></a></li>
<li><a href="/my/jsref/dom_obj_sup.html" title="HTML DOM Superscript အကို"><sup></a></li>
<li><a href="/my/jsref/dom_obj_table.html" title="HTML DOM Table အကို"><table></a></li>
<li><a href="/my/jsref/dom_obj_tbody.html" title="HTML DOM TBody အကို"><tbody></a></li>
<li><a href="/my/jsref/dom_obj_tabledata.html" title="HTML DOM TableData အကို"><td></a></li>
<li><a href="/my/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot အကို"><tfoot></a></li>
<li><a href="/my/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader အကို"><th></a></li>
<li><a href="/my/jsref/dom_obj_thead.html" title="HTML DOM THead အကို"><thead></a></li>
<li><a href="/my/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow အကို"><tr></a></li>
<li><a href="/my/jsref/dom_obj_textarea.html" title="HTML DOM Textarea အကို"><textarea></a></li>
<li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li>
<li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li>
<li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li>
<li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li>
<li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li>
<li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li>
<li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li>
</ul>
<h2>其他参考手册</h2>
<ul>
<li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li>
<li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS 类型转换</a></li>
</ul>
</div>
<div><h3><center> ကျယ်ပြီး လောက် </center><h3>
<h2>အခြေခံ ပြီး ပြောင်းလဲ အခြေခံ</h2>
<ul>
<li><a href="/my/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>HTML DOM Element offsetLeft အကိုးအကာ</h1>
<div class="prenextnav-ref">
<ul>
<li> အရှေ့လိုက်ပါ <a href="/my/jsref/prop_element_offsetwidth.html" title="HTML DOM Element offsetWidth ဗိုင်း">offsetWidth</a></li>
<li> နောက်လိုက်ပါ <a href="/my/jsref/prop_element_offsetparent.html" title="HTML DOM Element offsetParent ဗိုင်း">offsetParent</a></li>
<li> အထိပ်သို့ ပြန် <a href="/my/jsref/dom_obj_all.html" title="HTML DOM Elements အကို">HTML 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="/my/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="/my/jsref/prop_element_offsettop.html" title="HTML DOM Element offsetTop ဗိုင်း">offsetTop အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_offsetwidth.html" title="HTML DOM Element offsetWidth ဗိုင်း">offsetWidth အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_offsetheight.html" title="HTML DOM Element offsetHeight ဗိုင်း">offsetHeight အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_offsetparent.html" title="HTML DOM Element offsetParent ဗိုင်း">offsetParent အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_clienttop.html" title="HTML DOM Element clientTop ဗိုင်း">clientTop အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_clientleft.html" title="HTML DOM Element clientLeft ဗိုင်း">clientLeft အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_clientwidth.html" title="HTML DOM Element clientWidth ဗိုင်း">clientWidth အကိုးအကာ</a></p>
<p><a href="/my/jsref/prop_element_clientheight.html" title="HTML DOM Element clientHeight ဗိုင်း">clientHeight အကိုးအကာ</a></p>
</div>
<div>
<h2>အမှတ်</h2>
<h3>အမှတ် 1</h3>
<p>&quot;myDIV&quot; ရှိ offsetLeft အရှိန် ကို နွဲ့ယူပါ -</p>
<pre class="language-js">
const element = document.getElementById(&quot;myDIV&quot;);
pos = element.offsetLeft;
</pre>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_prop_element_offsetleft_1">ကိုယ်တိုင် စစ်ဆေးပါ</a></p>
<h3>အမှတ် 2</h3>
<p>&quot;myDIV&quot; ရှိ အရှိန် ကို နွဲ့ယူပါ -</p>
<pre class="language-js">
const element = document.getElementById(&quot;myDIV&quot;);
let pos1= element.offsetTop;
let pos2= element.offsetLeft;
</pre>
<p class="tiy"><a target="_blank" href="/my/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="/my/jsref/prop_element_offsetwidth.html" title="HTML DOM Element offsetWidth ဗိုင်း">offsetWidth</a></li>
<li> နောက်လိုက်ပါ <a href="/my/jsref/prop_element_offsetparent.html" title="HTML DOM Element offsetParent ဗိုင်း">offsetParent</a></li>
<li> အထိပ်သို့ ပြန် <a href="/my/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="/my/jsref/index.html">JavaScript နှင့် HTML DOM ဝေးခြင်း စာပေ</a></h5>
<h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမျိုးမျိုးသော အကျိုးဆက်</a></h5>
<h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စစ်ဆေး</a></h5>
<h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="CodeW3C.com နှင့် ပတ်သတ်">CodeW3C.com နှင့် ပတ်သတ်</a>
<a href="/my/about/about_helping.html" title="CodeW3C.com ကျမ်းကတ္တာ">CodeW3C.com ကျမ်းကတ္တာ</a>
<a href="/my/about/about_use.html" title="အသုံးပြုခြင်း နှင့် ပတ်သတ်">အသုံးပြုခြင်း ခရမ်း</a>
<a href="/my/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="ပေါ်ထိုးခြင်း Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>