HTML DOM Element closest() 方法

Course Schedule

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

HTML အပေါင်း

</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 closest() 方法</h1> <div class="prenextnav-ref"> <ul> <li> အပြင်ဘက် လျှက် <a href="/my/jsref/met_node_clonenode.html" title="HTML DOM Element cloneNode() စက်မှု">cloneNode()</a></li> <li> နောက်ပိုင်း စာစောင် <a href="/my/jsref/met_node_comparedocumentposition.html" title="HTML DOM Element compareDocumentPosition() စက်မှု">compareDocumentPosition()</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>အနာဂတ်()</code> 方法在 DOM 树中搜索与指定 CSS 选择器匹配的元素。</p> <p><code>အနာဂတ်()</code> 方法从元素本身开始，然后是祖先（父，祖元素，...），直到找到匹配项。</p> <p>တွေ့မရှိဘဲ <code>အနာဂတ်()</code> စနစ် ပြန်ပေးသည် <code>null</code>။</p> <h3>အခြား ကြည့်မည်-</h3> <p><a href="/my/cssref/css_selectors.html" title="CSS ရှာဖွေသူ ကိုးကားရာ">ဘရောက်သုတ် ပုံစံ အကြောင်းကြားရာ</a></p> <p><a href="/my/jsref/met_element_matches.html" title="HTML DOM Element matches() စက်မှု">Element matches() စနစ်</a></p> </div> <div> <h2>အမှတ်</h2> <h3>အမှတ် 1</h3> <p>အရိုက်အရမ်း ".container" ကို တွေ့ရှိသော အရောက်သုတ် ကို တွေ့ရှိပါ-</p> <pre class="language-js"> const element = document.getElementById("myElement"); const closest = element.closest(".container"); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_closest_1">ကျင်းပပြီးမြင်ပါ-</a></p> <h3>အမှတ် 2</h3> <p>ကွဲပြားသော အရောက်သုတ် ".container" သို့မဟုတ် ".wrapper" ကို တွေ့ရှိသော အရောက်သုတ် ကို တွေ့ရှိပါ-</p> <pre class="language-js"> const element = document.getElementById(".container, .wrapper"); const closest = element.closest(".container"); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_closest_2">ကျင်းပပြီးမြင်ပါ-</a></p> </div> <div> <h2>အုပ်ချုပ်ခြင်း</h2> <pre><i>element</i>.closest(<i>selectors</i>)</pre> <h3>)</h3> <table class="dataintable"> <tr> <th style="width: 25%;">)</th> <th>ဖော်ပြ</th> </tr> <tr> <td><i>selectors</i></td> <td> <p>လိုအပ်သည်။ အရိုက်အရမ်းကို ကိုက်ညီစေသော အရိုက်အရမ်း တစ်ခုခုသို့မဟုတ် အရိုက်အရမ်းများ (ကွဲပြားစေသော ကြားပြားမှာ ကွဲပြားစေသည်) ကို ကိုက်ညီစေသည်။</p> <p>ကျမ်းစားမှုကို မြင်ပါ- <a href="/my/cssref/css_selectors.html" title="CSS ရှာဖွေသူ ကိုးကားရာ">CSS ရှာဖွေသူ ကိုးကားရာ</a>။</p> </td> </tr> </table> <h3>ပြန်ပေးသော အကျဥ်းဆိုး</h3> <table class="dataintable"> <tr> <th style="width: 25%;">အမျိုးအစား</th> <th>ဖော်ပြ</th> </tr> <tr> <td>အရောက်သုတ်</td> <td> <p>အရိုက်အရမ်းနှင့် ကိုက်ညီသော အရောက်သုတ် အရောက်သုတ် သို့မဟုတ် အရောက်သုတ် ကို ထောက်ပံ့ပေးသော အရောက်သုတ် သို့မဟုတ် အရောက်သုတ် ကို ထောက်ပံ့ပေးသည်။</p> <p>တွေ့မရှိဘဲ အကျဥ်းဆိုးကို ပြန်ပေးသည်။</p> <p>အရိုက်အရမ်းမပြတ်မီ အကျဥ်းဆိုး ဖြစ်ပေါ်စေသော အကျဥ်းဆိုးဖြစ်မှုကို ဖြစ်ပေါ်စေသည်။</p> </td> </tr> </table> </div> <div> <h2>ဘရောက်သုတ် ထောက်ပံ့ပေး</h2> <p>ပထမဆုံး ကို ထောက်ပံ့ပေး <code>အနာဂတ်()</code> စနစ်များ၏ ဘရောက်သုတ် ပုံစံ:</p> <table class="browser-support"> <tr> <th class="bsChrome">ခရုသ</th> <th class="bsEdge">အက်စ်</th> <th class="bsFirefox">ဖက်ရိုး</th> <th class="bsSafari">ဆာဖရီ</th> <th class="bsOpera">အိုပ်ရှာ</th> </tr> <tr> <td>ခရုသ<br>41</td> <td>အက်စ်<br>15</td> <td>ဖက်ရိုး<br>35</td> <td>ဆာဖရီ<br>9</td> <td>အိုပ်ရှာ<br>28</td> </tr> <tr> <td>2015 ခုနှစ် မတ် လ</td> <td>2017 နှစ် ဇွန်လ</td> <td>2015 နှစ် ဇန်နဝါရီလ</td> <td>2015 နှစ် ဇွန်လ</td> <td>2015 ခုနှစ် မတ် လ</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> အပြင်ဘက် လျှက် <a href="/my/jsref/met_node_clonenode.html" title="HTML DOM Element cloneNode() စက်မှု">cloneNode()</a></li> <li> နောက်ပိုင်း စာစောင် <a href="/my/jsref/met_node_comparedocumentposition.html" title="HTML DOM Element compareDocumentPosition() စက်မှု">compareDocumentPosition()</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>  <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>  <script src="/myjs/tongji.js"></script> </body> </html>