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

JavaScriptのリスト要素の兄弟？

兄弟を見つけるには リスト要素のJavaScriptは、 node.nextSiblingというメソッドを提供しています。 。リストのメンバーを知っている場合は、その兄弟を見つけることができます。一言で言えばそれについて話し合いましょう。

構文 
node.nextSibling;
例

次の例では、3つのリスト要素があります。 nextSiblingプロパティの使用 最初の要素の兄弟が検出され、結果が出力に表示されます。

<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item1").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html>
出力 
Tesla
Spacex
Solarcity
The sibling element is Spacex


例

次の例では、3つのリスト要素があります。 nextSiblingプロパティの使用 2番目の要素の兄弟 が検出され、結果が出力に表示されます。兄弟要素は、ターゲット要素の次の要素に他なりません。

<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item2").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html>
出力 
Tesla
Spacex
Solarcity
The sibling element is Solarcity

  1. JavaScriptを使用して親要素にアクセスする

    以下は、JavaScriptを使用して親要素にアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &

  2. JavaScriptでIDで要素を削除しますか？

    IDで要素を削除するには、remove（）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D