Mafunzo ya CodeW3C Kwenye Mwongozo
Mafunzo ya HTML
Mshairi wa Mtu wa Mfumo wa Kifungu
Mshairi wa Mtu wa Serivisi
Mafunzo ya Kukaa Programu
Mafunzo ya XML
Kitabu cha Kurejea Mawasiliano ya Weba
Kitabu cha Mafunzo
Kurasa cha Mada
Makala ya JS
Makala ya JS (kufuatia kategoria)
Makala ya JS (kufuatia harufi)
JavaScript
Array ya JS
Boolean ya JS
Class ya JS
Date ya JS
Kosa ya JS
Global ya JS
JSON ya JS
Map ya JS
Math ya JS
Number ya JS
Promise ya JS
RegExp ya JS
Set ya JS
Maktaba ya String ya JS
Mwongozo wa JS
Operator ya JS
Mwongozo wa Operator ya JS
Mabaya ya JS
Maktaba ya Mwili ya JS
Window
Mfumo wa Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window
DOM ya HTML
Dokumento ya HTML
Element ya HTML
Matokeo ya HTML
Event ya HTML
Mwongozo wa Event ya HTML
Kolleksiyoni ya HTML
NodeList ya HTML
DOMTokenList ya HTML
Muundo 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 Hifadhi
API ya Uvijaaji
API ya Web
Mwongozo 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>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="Mwongozo wa DOM Time wa HTML"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="Mwongozo wa DOM Title wa HTML"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Mwongozo wa DOM Track wa HTML"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Mwongozo wa DOM Underline wa HTML"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Mwongozo wa DOM Ul wa HTML"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Mwongozo wa DOM Variable wa HTML"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Mwongozo wa DOM Video wa HTML"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Mwongozo wa CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Mandhibiti ya uharibifu wa JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Tumbua ya CodeW3C.com">Tumbua ya 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 removeChild() 方法</h1> <div class="prenextnav-ref"> <ul> <li> Rudia kipenyo kikuu <a href="/sw/jsref/met_element_removeattributenode.html" title="Method ya removeAttributeNode() ya kiwango cha Element wa DOM wa HTML">removeAttributeNode()</a></li> <li> Pya kipya <a href="/sw/jsref/met_element_removeeventlistener.html" title="Method ya removeEventListener() ya kiwango cha Element wa DOM wa HTML">removeEventListener()</a></li> <li> Rudia kipenyo chini <a href="/sw/jsref/dom_obj_all.html" title="Mwongozo wa Elements wa DOM wa HTML">Mwongozo wa Elements wa DOM wa HTML</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>removeChild()</code> 方法删除元素的子节点。</p> <p>该方法以 Node 对象返回被删除的节点；如果节点不存在，则返回 <code>null</code>。</p> <h3>提示</h3> <p>子节点从是文档对象模型（DOM）中删除的。</p> <p>Ingawa, inaweza kurekeza mjea unaotoka na kuingiza kwa uarabikaji wa DOM (tazama mifano chini).</p> <h3>Tafadhali tazama:</h3> <p><a href="/sw/jsref/met_element_remove.html" title="Method ya remove() ya kiwango cha Element wa DOM wa HTML">remove() mtindo</a></p> <p><a href="/sw/jsref/met_node_appendchild.html" title="Method ya appendChild() ya kiwango cha Element wa DOM wa HTML">appendChild() mtindo</a></p> <p><a href="/sw/jsref/met_node_insertbefore.html" title="Method ya insertBefore() ya kiwango cha Element wa DOM wa HTML">insertBefore() mtindo</a></p> <p><a href="/sw/jsref/met_node_replacechild.html" title="Method ya replaceChild() ya kiwango cha Element wa DOM wa HTML">replaceChild() mtindo</a></p> <p><a href="/sw/jsref/prop_node_childnodes.html" title="Mafupi ya childNodes ya kiwango cha Element wa DOM wa HTML">childNodes mafano</a></p> <p><a href="/sw/jsref/prop_node_firstchild.html" title="Mafupi ya firstChild ya kiwango cha Element wa DOM wa HTML">firstChild mafano</a></p> <p><a href="/sw/jsref/prop_node_lastchild.html" title="Mafupi ya lastChild ya kiwango cha Element wa DOM wa HTML">lastChild mafano</a></p> <p><a href="/sw/jsref/prop_element_firstelementchild.html" title="Mafupi ya firstElementChild ya kiwango cha Element wa DOM wa HTML">firstElementChild mafano</a></p> <p><a href="/sw/jsref/prop_element_lastelementchild.html" title="Mfano wa DOM Level 1 (1998) wa mafano">lastElementChild mafano</a></p> </div> <div> <h2>Mfano</h2> <h3>Mfano 1</h3> <p>Kufaa element kwanza kutoka orodha:</p> <pre class="language-js"> const list = document.getElementById("myList"); list.removeChild(list.firstElementChild); </pre> <div class="p50" style="margin: 30px 0;"> <p>Kabla ya kufaa:</p> <ul> <li>Kahawa</li> <li>Chai</li> <li>Muu</li> </ul> </div> <div class="p50" style="margin: 30px 0; height: 105px;"> <p>Baada ya kufaa:</p> <ul> <li>Chai</li> <li>Muu</li> </ul> </div> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_node_removechild_1">Tukufanya mafanikio</a></p> <h3>Mfano 2</h3> <p>Ikiwa orodha ina watoto, kufaa kwanza (kivinjari 0):</p> <pre class="language-js"> const list = document.getElementById("myList"); if (list.hasChildNodes()) { list.removeChild(list.children[0]); } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_node_removechild_2">Tukufanya mafanikio</a></p> <h3>Mfano 3</h3> <p>Kufaa mabaki ya watoto wa orodha:</p> <pre class="language-js"> const list = document.getElementById("myList"); while (list.hasChildNodes()) { list.removeChild(list.firstChild); } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_node_removechild_while">Tukufanya mafanikio</a></p> <h3>Mfano 4</h3> <p>Kufaa element kutoka kina mwingine:</p> <pre class="language-js"> element.parentNode.removeChild(element); </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_node_removechild_3">Tukufanya mafanikio</a></p> <h3>Mfano 5</h3> <p>Kufaa element kutoka kina elementi yake, na ingiza tena:</p> <pre class="language-js"> const element = document.getElementById("myLI"); function removeLi() { element.parentNode.removeChild(element); } function appendLi() { const list = document.getElementById("myList"); list.appendChild(element); } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_node_removechild_4">Tukufanya mafanikio</a></p> <h3>例子 6：提示</h3> <p>请使用 appendChild() 或 insertBefore() 将删除的节点插入到同一文档中。</p> <p>可使用 document.adoptNode() 或 document.importNode() 将其插入到另一个文档中。</p> <p>下例从其父元素中删除一个元素并将其插入到另一个文档中：</p> <pre class="language-js"> const child = document.getElementById("mySpan"); function remove() { child.parentNode.removeChild(child); } function insert() { const frame = document.getElementsByTagName("IFRAME")[0] const h = frame.contentWindow.document.getElementsByTagName("H1")[0]; const x = document.adoptNode(child); h.appendChild(x); } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_node_removechild_5">Tukufanya mafanikio</a></p> </div> <div> <h2>Inasababisha</h2> <pre><i>element</i>.removeChild(<i>kitumia</i>)</pre> <p>au</p> <pre><i>kitumia</i>.removeChild(<i>kitumia</i>)</pre> <h3>Mashabiki</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Mashabiki</th> <th>Maelezo</th> </tr> <tr> <td><i>kitumia</i></td> <td>Inahitajika. Kitumia kina msingi (kina element) kusaidia.</td> </tr> </table> <h3>Matokeo</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Aina</th> <th>Maelezo</th> </tr> <tr> <td>Kitumia kina msingi</td> <td> <p>Kitumia kina msingi (kina element).</p> <p>Kama ukosemea kina msingi, inaonyesha null.</p> </td> </tr> </table> </div> <div> <h2>Msaada wa vifaa vya kijifunzi</h2> <p><code>element.removeChild()</code> Ni mafano wa DOM Level 1 (1998) ya mafano.</p> <p>Wote wengi wa vifaa vya kijifunzi hawakubaliwa kwa kumpa kwa uharibifu:</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>Msaada</td> <td>9-11</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Rudia kipenyo kikuu <a href="/sw/jsref/met_element_removeattributenode.html" title="Method ya removeAttributeNode() ya kiwango cha Element wa DOM wa HTML">removeAttributeNode()</a></li> <li> Pya kipya <a href="/sw/jsref/met_element_removeeventlistener.html" title="Method ya removeEventListener() ya kiwango cha Element wa DOM wa HTML">removeEventListener()</a></li> <li> Rudia kipenyo chini <a href="/sw/jsref/dom_obj_all.html" title="Mwongozo wa Elements wa DOM wa HTML">Mwongozo wa Elements wa DOM wa HTML</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifaa cha kufungua </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Kitabu cha Mafunzo 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">Imitindo ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Mwongozo wa msaada </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na michezo, hawakubaliwa kwamba matokeo yana uwezo. Mitoa ya kumtumia matokeo ya tovuti haukuchukuliwa na tovuti. Hata hazina hisia zote. Hata hazina hisia zote. </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="Msaada CodeW3C.com">Msaada CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Hitilafu ya kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hitilafu ya data">Hitilafu ya data ya隐私</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="Inaripwa na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>