ကိုယ်စားပြုထားသော CodeW3C အွန်လိုင်းတိုက်
HTML စကာတင်အချက်အလက်
ဘာသာသား အပိုင်း
အန်ဆင်နယ် အပိုင်း
ပရိုဂရမ်အချက်အလက်
XML စကာတင်အချက်အလက်
ဝီကီပေါ် စာရင်း
ကိုယ်စားပြုထားသော စာရင်း
ပြည့်တင်စာ
JS လက်တွေးချုပ်
JS လက်တွေးချုပ် (အမျိုးအစားအောက်အောက်)
JS လက်တွေးချုပ် (အက္ခရာအောက်အောက်)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS အရာ
JS Promise
JS RegExp
JS Set
JS စကား
JS အပုံစံ
JS အက္ခရာ
JS အက္ခရာ အဆင့်
JS ဖော်ပြ
JS အုပ်စုအသုံး
Window
Window အပေါင်းအချင်း
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML အချုပ်
HTML အရာ
HTML အက္ခရာ
HTML Event
HTML Event အပုံစံ
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML စျက်ဆိုင်
Web API
API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API ကိုင်ထောက်
API စစ်ဆေး
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>
</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 getElementsByTagName() 方法</h1> <div class="prenextnav-ref"> <ul> <li> အရှေ့ပိုင်း စာရင်း <a href="/my/jsref/met_element_getelementsbyclassname.html" title="HTML DOM Element getElementsByClassName() နည်းလမ်း">getElementsByClassName()</a></li> <li> နောက်ပိုင်း စာရင်း <a href="/my/jsref/met_element_hasattribute.html" title="HTML DOM Element hasAttribute() နည်းလမ်း">hasAttribute()</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>getElementsByTagName()</code> 方法返回拥有指定标签名的元素子元素集合，以 NodeList 对象。</p> <p class="tip"><span>提示：</span>参数值 <code>"*"</code> 返回元素的所有子元素。</p> <h3>另请参阅：</h3> <p><a href="/my/jsref/met_element_getelementsbyclassname.html" title="HTML DOM Element getElementsByClassName() နည်းလမ်း">getElementsByClassName() 方法</a></p> <p><a href="/my/jsref/met_element_queryselector.html" title="HTML DOM Element querySelector() နည်းလမ်း">querySelector() 方法</a></p> <p><a href="/my/jsref/met_element_queryselectorall.html" title="HTML DOM Element querySelectorAll() နည်းလမ်း">querySelectorAll() 方法</a></p> </div> <div> <h2>NodeList</h2> <p><a href="/my/jsref/dom_obj_html_nodelist.html" title="HTML DOM NodeList ချစ်ပယ်ရာ">NodeList</a> 是类似数组的节点集合（列表）。</p> <p>အော်ဂန်တင်လ် အချက်အလက်အား နှစ်ဆယ်ပုံသုံး ပုံအချက်အလက်အား အားဖြင့် အော်ဂန်တင်လ် အချက်အလက်အား ဖြင့် ဖွင့်ကြောင်း ဖော်ပြတယ်</p> <p><a href="/my/jsref/prop_nodelist_length.html" title="HTML DOM NodeList length အချက်">length အချက်အလက်</a>အော်ဂန်တင်လ် အချက်အလက်အား ပြန်လည်တင်ထားကြောင်း အချက်ပြတယ်</p> </div> <div> <h2>အကျယ်း</h2> <h3>လောက် 1</h3> <p>အော်ဂန်တင်လ် အချက်အလက်အား အချက်အလက်အား ပြောင်းလဲသည့် အော်ဂန်တင်လ်အား ချွတ်သည့် အချိန်ကို ကိုယ်စားပြုကြောင်း အချက်ပြတယ်</p> <pre class="language-js"> const list = document.getElementsByTagName("UL")[0]; list.getElementsByTagName("li")[0].innerHTML = "Milk"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_getelementsbytagname_1">亲自试一试</a></p> <h3>လောက် 2</h3> <p>"myDIV" အရာတွေ၏ ပုံအချက်အလက်အား နှစ်ဆယ်ပုံသုံး ပုံအချက်အလက်အား ချွတ်သည့် အသေးသတ်သည့် အော်ဂန်တင်လ်အား ချွတ်သည့် ကာလရောက်ပြီးနောက် အထက်တန်းလျှက်သို့ ပြောင်းလဲပြီး ချွတ်သည့် အချိန်ကို ကိုယ်စားပြုကြောင်း အချက်ပြတယ်</p> <pre class="language-js"> const element = document.getElementById("myDIV"); const nodes = element.getElementsByTagName("p"); let numb = nodes.length; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_getelementsbytagname_length">亲自试一试</a></p> <h3>လောက် 3</h3> <p>မှီး "myDIV" အရာတွေ၏ နှစ်ဆယ်ပုံသုံး ပုံအချက်အလက်အား လက်တွေးအားနှစ်ဆယ်ပုံသုံး အား ချွတ်သည့် အသေးသတ်သည့် အော်ဂန်တင်လ်အား ချွတ်သည့် ကာလရောက်ပြီးနောက် အထက်တန်းလျှက်သို့ ပြောင်းလဲပြီး ချွတ်သည့် အချိန်ကို ကိုယ်စားပြုကြောင်း အချက်ပြတယ်</p> <pre class="language-js"> const element = document.getElementById("myDIV"); element.getElementsByTagName("p")[1].style.fontSize = "24px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_getelementsbytagname_2">亲自试一试</a></p> <h3>လောက် 4</h3> <p>မှီး "myDIV" အရာတွေ၏ နှစ်ဆယ်ပုံသုံး ပုံအချက်အလက်အား လက်တွေးအားနှစ်ဆယ်ပုံသုံး အား ချွတ်သည့် အသေးသတ်သည့် အော်ဂန်တင်လ်အား ချွတ်သည့် ကာလရောက်ပြီးနောက် အထက်တန်းလျှက်သို့ ပြောင်းလဲပြီး ချွတ်သည့် အချိန်ကို ကိုယ်စားပြုကြောင်း အချက်ပြတယ်</p> <pre class="language-js"> const div = document.getElementById("myDIV"); const nodes = x.getElementsByTagName("P"); for (let i = 0; i < nodes.length; i++) { nodes[i].style.backgroundColor = "red"; } </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_getelementsbytagname_loop_1">亲自试一试</a></p> <h3>လောက် 5</h3> <p>မှီး "myDIV" အရာတွေ၏ လက်တွေးအားအသေးသတ်သည့် အော်ဂန်တင်လ်အား ချွတ်သည့် ကာလရောက်ပြီးနောက် အထက်တန်းလျှက်သို့ ပြောင်းလဲပြီး ချွတ်သည့် အချိန်ကို ကိုယ်စားပြုကြောင်း အချက်ပြတယ်</p> <pre class="language-js"> const div = document.getElementById("myDIV"); div.getElementsByTagName("*")[3].style.backgroundColor = "red"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_getelementsbytagname_3">亲自试一试</a></p> <h3>例子 6</h3> <p>使用 "*" 参数，更改 "myDIV" 中所有元素的背景颜色：</p> <pre class="language-js"> const div = document.getElementById("myDIV"); const nodes = div.getElementsByTagName("*"); for (let i = 0; i < nodes.length; i++) { nodes[i].style.backgroundColor = "red"; } </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_element_getelementsbytagname_loop_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <pre><i>element</i>.getElementsByTagName(<i>tagname</i>)</pre> <h3>参数</h3> <table class="dataintable"> <tr> <th style="width: 25%;">参数</th> <th>描述</th> </tr> <tr> <td><i>tagname</i></td> <td>必需。子元素的标签名。</td> </tr> </table> <h3>返回值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">类型</th> <th>描述</th> </tr> <tr> <td>NodeList</td> <td> <p>拥有给定标记名的元素的子元素。</p> <p>元素按照它们在源代码中出现的顺序进行排序。</p> </td> </tr> </table> </div> <div> <h2>技术细节</h2> <p><code>getElementsByTagName()</code> 方法将遍历指定元素的子孙节点，返回包含 Element 节点的数组（实际上是 NodeList 对象），表示所有拥有指定标签名的文档元素。元素在返回的数组中的顺序就是它们出现在文档源代码中的顺序。</p> <h3>သတ္တုပုံ</h3> <p><a href="/my/jsref/dom_obj_document.html" title="HTML DOM Document အပေါင်းအချင်း">Document အဆိုပါ</a>သတ္တုပုံ ဖြင့် <a href="/my/jsref/met_document_getelementsbytagname.html" title="HTML DOM Document getElementsByTagName() နည်းလမ်း">getElementsByTagName() စက်</a>ဒီ စက် နှင့် အတူ တူညီသည်၊ သို့သော် အကျယ်အဝန်း တစ်ခု ကို လွှဲပြောင်းသည်၊ သို့သော် အသင်းကြီး အပေါ် လွှဲပြောင်းသည်။</p> <p>ဒီ စက် နှင့် ပြောင်းလဲကြောင်း မရှိ သေးသည်။ <a href="/my/jsref/met_doc_getelementsbyname.html" title="HTML DOM Document getElementsByName() နည်းလမ်း">HTMLDocument.getElementsByName() စက်</a> ပြောင်းလဲကြောင်း မရှိ သေးသည်။ ဒီ ပြောင်းလဲကြောင်း သည် အကျယ်အဝန်း တစ်ခု ကို ကိုယ်တိုင် လွှဲပြောင်းသည်၊ သို့သော် အသင်းကြီး အပေါ် လွှဲပြောင်းသည်။</p> </div> <div> <h2>ဘရာဇီးဗာ ထောက်ပံ့</h2> <p>အားလုံး ဘရာဇီးဗာ သို့ ထောက်ပံ့ <code>element.getElementsByTagName()</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/met_element_getelementsbyclassname.html" title="HTML DOM Element getElementsByClassName() နည်းလမ်း">getElementsByClassName()</a></li> <li> နောက်ပိုင်း စာရင်း <a href="/my/jsref/met_element_hasattribute.html" title="HTML DOM Element hasAttribute() နည်းလမ်း">hasAttribute()</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>