Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptの特定のノードの最初と最後の子ノード？

最初のを取得するには 最後の子ノード 特定のノードの場合、javascriptは firstChildを提供しています およびlastChild それぞれメソッド。それらについて簡単に説明しましょう。

FirstChild

構文

node.firstChild;

例

次の例では、リストノードに3つの要素があります。メソッド「firstChild」を使用する 「最初の要素が見つかり、結果が出力に表示されます。

<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<p id="first"></p>
<script>
   var list = document.getElementById("list").firstChild.innerHTML;
   document.getElementById("first").innerHTML = list;
</script>
</body>
</html>

出力

Tesla
Spacex
Solarcity

Tesla


ラストチャイルド

構文

node.lastChild;

例-2

次の例では、リストノードに3つの要素があります。メソッド「lastChild」を使用する 「最後の要素が見つかり、結果が出力に表示されます。

<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<p id="first"></p>
<script>
   var list = document.getElementById("list").lastChild.innerHTML;
   document.getElementById("first").innerHTML = list;
</script>
</body>
</html>

出力

Tesla
Spacex
Solarcity

Solarcity

  1. JavaScriptのlengthプロパティを使用せずにノードリストから最後のアイテムを取得しますか？

    以下が私たちのテーブルだとしましょう- <table id="demo" border="1"> <tr> <td>John</td> </tr> <tr> <td>David</td> </tr> <tr> <td>Mike</td> </tr> </table> </body> 以下をtext（）とともに使用して、最後のアイテムを取得します- $('table t

  2. JavaScriptの子ノード数？

    children.lengthを使用して、子ノードの数を取得します。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="style