Muungano wa CodeW3C Mjikamano
Siri ya HTML
Mashiriki ya Mafuriko ya Kifunguo
Mashiriki ya Mafuriko ya Serikali
Majukuu ya Kufungua Programu
Siri ya XML
Kitabu cha Kurejea Mawasiliano
Kitabu cha Mafanikio
Makala ya Kufikia
Kitabu cha Kuelewa cha JS
Kitabu cha Kuelewa cha JS (kufuatia kikundi)
Kitabu cha Kuelewa cha JS (kufuatia harakati za ambako)
JavaScript
Array ya JS
Boolean ya JS
Class ya JS
Tarehe ya JS
Kosa ya JS
Mkampuni wa Kijumuisha cha JS
JSON ya JS
Map ya JS
Math ya JS
Number ya JS
Promise ya JS
RegExp ya JS
Set ya JS
Mtaratibu wa JS
Mwana wa JS
Mtaalamu wa JS
Muundo wa Mtaalamu wa Mshiriki wa JS
Mashirika ya JS
Makampuni ya Tungozi cha JS
Window
Kifaa cha Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window
DOM ya HTML
Dokwento wa HTML
Maelezo wa HTML
Mataja wa HTML
Event ya HTML
Mwana wa Event ya HTML
Collection ya HTML
NodeList ya HTML
DOMTokenList ya HTML
Mistyle wa HTML
API ya Web
API ya Canvas
API ya Console
API ya Fetch
API ya Fullscreen
API ya Geolocation
API ya History
API ya MediaQueryList
API ya Storage
API ya Validation
API ya Web
Mwambao wa 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>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="Time mwingamizi ya HTML DOM"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="Title mwingamizi ya HTML DOM"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Track mwingamizi ya HTML DOM"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Underline mwingamizi ya HTML DOM"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Ul mwingamizi ya HTML DOM"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Variable mwingamizi ya HTML DOM"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Video mwingamizi ya HTML DOM"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration mwingamizi">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Ushambuli wa aina ya JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kitu cha juu cha CodeW3C.com">Kitu cha juu cha 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 Document getElementsByTagName() 方法</h1> <div class="prenextnav-ref"> <ul> <li> Mwisho kwenye <a href="/sw/jsref/met_doc_getelementsbyname.html" title="Method getElementsByName() ya Document mwingamizi ya HTML DOM">getElementsByName()</a></li> <li> Pya kwenye <a href="/sw/jsref/met_document_hasfocus.html" title="Method hasFocus() ya Document mwingamizi ya HTML DOM">hasFocus()</a></li> <li> Rejea kwa ukweli <a href="/sw/jsref/dom_obj_document.html" title="Documents mwingamizi ya HTML DOM">Documents mwingamizi ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>getElementsByTagName()</code> 方法返回拥有指定标记名的所有元素的集合。</p> <p><code>getElementsByTagName()</code> 方法返回 <a href="/sw/jsref/dom_obj_htmlcollection.html" title="Kitabu cha mifano cha DOM HTMLCollection">HTMLCollection</a>.</p> <p><code>getElementsByTagName()</code> Kina huzuiwa kwa kubadilika.</p> <p class="note"><span>Kutahidi:</span><code>getElementsByTagName("*")</code> Inaruhusiwa kwa kikolekshana cha elementi zote katika andiko.</p> </div> <div> <h2>HTMLCollection</h2> <p><a href="/sw/jsref/dom_obj_htmlcollection.html" title="Kitabu cha mifano cha DOM HTMLCollection">HTMLCollection</a> Inaonekana kama kikolekshana cha vifaa vya HTML (orodha).</p> <p>Inaweza kupata elementi katika kikolekshana kwa orodha ya namba (kuanzia 0).</p> <p><a href="/sw/jsref/prop_htmlcollection_length.html" title="Mfano wa length wa HTMLCollection">length</a> Mfano wa kina huzuiwa kwa ukubwa wa kikolekshana.</p> </div> <div> <h2>Tazama pia:</h2> <p><a href="/sw/jsref/met_document_getelementbyid.html" title="Method getElementById() ya Document mwingamizi ya HTML DOM">Method ya getElementById()</a></p> <p><a href="/sw/jsref/met_document_getelementsbyclassname.html" title="Method getElementsByClassName() ya Document mwingamizi ya HTML DOM">Method ya getElementsByClassName()</a></p> <p><a href="/sw/jsref/met_document_queryselector.html" title="Method querySelector() ya Document mwingamizi ya HTML DOM">Method ya querySelector()</a></p> <p><a href="/sw/jsref/met_document_queryselectorall.html" title="Method querySelectorAll() ya Document mwingamizi ya HTML DOM">Method ya querySelectorAll()</a></p> <p><a href="/sw/jsref/dom_obj_htmlcollection.html" title="Kitabu cha mifano cha DOM HTMLCollection">Mfano Collection HTML</a></p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Pata elementi zote za kina "li":</p> <pre class="language-js"> const collection = document.getElementsByTagName("li"); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_document_getelementsbytagname_1">亲自试一试</a></p> <h3>Mfano 2</h3> <p>Pata elementi zote katika andiko:</p> <pre class="language-js"> const collection = document.getElementsByTagName("*"); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_document_getelementsbytagname_all">亲自试一试</a></p> <h3>Mfano 3</h3> <p>Badilisha HTML ya kimaandiko ya kwanza ya <p>:</p> <pre class="language-js"> document.getElementsByTagName("p")[0].innerHTML = "Hello World!"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_document_getelementsbytagname_2">亲自试一试</a></p> <h3>Mfano 4</h3> <p>Jumla ya elementi ya <li> katika andiko:</p> <pre class="language-js"> let numb = document.getElementsByTagName("li").length; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_document_getelementsbytagname_length">亲自试一试</a></p> <h3>Mfano 5</h3> <p>Badilisha rangi ya mabaki ya picha za <p> zote:</p> <pre class="language-js"> const collection = document.getElementsByTagName("P"); kwa (let i = 0; i < collection.length; i++) { collection[i].style.backgroundColor = "red"; } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_document_getelementsbytagname_3">亲自试一试</a></p> </div> <div> <h2>语法</h2> <pre>document.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>对象</td> <td> <p>HTMLCollection 对象。</p> <p>拥有指定标签名称的元素的集合。</p> <p>按照元素在文档中出现顺序进行排序。</p> </td> </tr> </table> </div> <div> <h2>技术细节</h2> <p>该方法将返回 NodeList 对象（可以作为只读数组处理），该对象存放文档中拥有指定标签名的所有 Element 节点，它们存放的顺序就是在源文档中出现的顺序。</p> <p>NodeList 对象是“活的”，即如果在文档中添加或删除了具有指定标签名的元素，它的内容会自动进行必要的更新。</p> <p>Vifaa vya jina vya hatua vya asili vya hatua vya HTML hatunae ukingo wa kikati, kwa hivyo inaweza kutumia ukingo wa kikati wote wa jina la kina. <i>tagName</i>Inafikiria kwa vifaa vya jina vya hatua vya asili vya hatua kwa jina la kina, ingawa vifaa vya jina vya hatua vya asili vya hatua vinapatikana kwa ukingo wa kikati.<i>tagName</i> Inafikiria kwa vifaa vya jina na ukingo wa kikati vya hatua vya asili vya hatua kwa jina la kina.</p> <p class="tip"><span>Tahara:</span>Inayochapisha interface ya Element kwa kitendo la jina la kina ingawa inafikiria kwa mwingine tu ya mawili ya kuzingatia mabaki ya hatua ya hatua. Inayochapisha interface ya HTMLDocument inadefini... <a href="/sw/jsref/met_doc_getelementsbyname.html" title="Method getElementsByName() ya Document mwingamizi ya HTML DOM">Kitendo la getElementByName()</a>Inasababisha kufikiria kwa thamani ya name ya jina (ingawa haujafikiria jina la kitabu).</p> </div> <div> <h2>Mwakilishi wa kusoma</h2> <p><code>document.getElementsByTagName()</code> Ni DOM Level 1 (1998) mafanikio.</p> <p>Vituo vya wote vya kusoma vitumia hivi:</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>9-11</td> <td>Mwakilishi</td> <td>Mwakilishi</td> <td>Mwakilishi</td> <td>Mwakilishi</td> </tr> </table> </div> <div> <h2>Picha za kusambaa</h2> <p>Makala ya thamani ya JavaScript:<a href="/sw/jsref/met_element_getelementsbytagname.html" title="Method getElementsByTagName() ya Element mwingamizi ya HTML DOM">element.getElementsByTagName()</a></p> <p>Makadiri ya JavaScript:<a href="/sw/js/js_htmldom_nodelist.html" title="Orodha ya matumizi ya HTML DOM wa JavaScript">Orodha ya matumizi ya HTML DOM wa JavaScript</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Mwisho kwenye <a href="/sw/jsref/met_doc_getelementsbyname.html" title="Method getElementsByName() ya Document mwingamizi ya HTML DOM">getElementsByName()</a></li> <li> Pya kwenye <a href="/sw/jsref/met_document_hasfocus.html" title="Method hasFocus() ya Document mwingamizi ya HTML DOM">hasFocus()</a></li> <li> Rejea kwa ukweli <a href="/sw/jsref/dom_obj_document.html" title="Documents mwingamizi ya HTML DOM">Documents mwingamizi ya HTML DOM</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kikompyuta cha kawaida </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Kitabu cha Mafanikio ya JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Majadiliano ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Makadiri ya JavaScript</a></h5> </div> <div><h3><center> Vituo vya mchakato </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inayotumika kwa mafunzo na michezo, hatukubali kinaingia kwake kuhusu uwezo wa matokeo. Risiko ambalo linaingia kwa kutumia matokeo ya tovuti haukubaliwa na tovuti. Hisia zote, zingine zote zimehifadhiwa. </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="Kutumia CodeW3C.com">Kutumia CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mauuzi ya kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu siri">Mauuzi ya siri</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="Inaripia na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>