親ノードの使い方_親ノードの使い方-よくある問題-php.cn

親ノードの使い方

小老鼠

リリース： 2023-09-18 10:17:39

オリジナル

1472 人が閲覧しました

parentnode の使用方法: 1. サンプル HTML ファイルを作成します; 2. getElementById メソッドを通じて ID「child」を持つノードオブジェクトを取得します; 3.parentNode 属性を使用して、その親ノードオブジェクトを取得しますノード; 4. 、「parent」として親ノードのidを出力するだけです。

親ノードの使い方

#parentNode 属性を使用するには、まずノードオブジェクトを取得する必要があります。指定したノードオブジェクトは、getElementById や getElementsByTagName などのメソッドを通じて取得できます。次に、parentNode 属性を使用してノードの親ノードを取得できます。

次は、parentNode 属性の使用方法を示す簡単な例です。

<!DOCTYPE html>
<html>
<head>
  <title>parentNode使用方法</title>
</head>
<body>
  <div id="parent">
    <p id="child">这是一个段落。</p>
  </div>
  <script>
    // 获取子节点对象
    var childNode = document.getElementById("child");
    
    // 使用parentNode属性获取父节点对象
    var parentNode = childNode.parentNode;
    
    // 输出父节点的id
    console.log(parentNode.id); // 输出：parent
  </script>
</body>
</html>

ログイン後にコピー

上の例では、まず getElementById メソッドを通じて ID「child」を持つノードオブジェクトを取得します。次に、parentNode 属性を使用して、ノードの親ノードオブジェクトを取得します。最後に親ノードのidを出力すると、親ノードのidが「parent」であることがわかります。

指定されたノードに親ノードがない場合 (つまり、そのノードがルートノードである場合)、parentNode 属性は null を返すことに注意してください。

parentNode 属性は DOM 操作で非常に便利で、ノードの親ノードを検索して操作するために使用できます。たとえば、parentNode 属性を使用してノードを削除できます。

var childNode = document.getElementById("child");
childNode.parentNode.removeChild(childNode);

ログイン後にコピー

上記のコードは、ID が「child」のノードとそのすべての子ノードを削除します。

要約すると、parentNode 属性は、指定されたノードの親ノードを取得するために JavaScript で使用される属性です。親ノードオブジェクトを取得することで、兄弟ノードの検索、ノードの削除などのさらなる操作を実行できます。

以上が親ノードの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。