---
title: ParentNode
slug: Web/API/ParentNode
tags:
  - API
  - DOM
  - Mixin
  - Node
  - 参考
  - 接口
  - 节点
translation_of: Web/API/ParentNode
---
<div>{{APIRef("DOM")}}</div>

<p><code><strong>ParentNode</strong></code> 混合了所有(拥有子元素的) {{domxref("Node")}} 对象包含的共有方法和属性。</p>

<p><code>ParentNode</code> 是一个原始接口，不能够创建这种类型的对象；它在 {{domxref("Element")}}、{{domxref("Document")}} 和 {{domxref("DocumentFragment")}} 对象上被实现。</p>

<h2 id="属性">属性</h2>

<dl>
 <dt>{{domxref("ParentNode.childElementCount")}} {{readonlyInline}}</dt>
 <dd>返回一个当前 <code>ParentNode</code> 所含有的后代数量。</dd>
 <dt>{{domxref("ParentNode.children")}} {{readonlyInline}}</dt>
 <dd>返回一个包含 <code>ParentNode</code> 所有后代 {{domxref("Element")}} 对象的动态 {{domxref("HTMLCollection")}} 对象，忽略所有非元素子节点。</dd>
 <dt>{{domxref("ParentNode.firstElementChild")}} {{readonlyInline}}</dt>
 <dd>返回父节点的第一个 {{domxref("Element")}} 后代，没有时返回 <code>null</code>。</dd>
 <dt>{{domxref("ParentNode.lastElementChild")}} {{readonlyInline}}</dt>
 <dd>返回父节点的最后一个 {{domxref("Element")}} 后代，没有时返回 <code>null</code>。</dd>
</dl>

<h2 id="方法">方法</h2>

<dl>
 <dt>{{domxref("ParentNode.append()")}} {{experimental_inline}}</dt>
 <dd>在父节点 <code>ParentNode</code> 的最后一个后代后面插入一组 {{domxref("Node")}} 对象或 {{domxref("DOMString")}} 对象。{{domxref("DOMString")}} 对象会以同等的 {{domxref("Text")}} 节点插入。</dd>
 <dt>{{domxref("ParentNode.prepend()")}} {{experimental_inline}}</dt>
 <dd>在父节点 <code>ParentNode</code> 第一个后代前插入一组 {{domxref("Node")}} 对象或者 {{domxref("DOMString")}} 对象。{{domxref("DOMString")}} 对象会以同等的 {{domxref("Text")}} 节点插入。</dd>
 <dt>{{domxref("ParentNode.querySelector()")}}</dt>
 <dd>返回以当前元素为根元素，匹配给定选择器的第一个元素 {{domxref("Element")}}。</dd>
 <dt>{{domxref("ParentNode.querySelectorAll()")}}</dt>
 <dd>返回一个 {{domxref("NodeList")}}，表示以当前元素为根元素的匹配给定选择器组的元素列表。</dd>
</dl>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">备注</th>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#parentnode', 'ParentNode')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>Split the <code>ElementTraversal</code> interface into {{domxref("ChildNode")}} and {{domxref("ParentNode")}}. The {{domxref("ParentNode.firstElementChild")}}, {{domxref("ParentNode.lastElementChild")}}, and {{domxref("ParentNode.childElementCount")}} properties are now defined on the latter. Added the {{domxref("ParentNode.children")}} property, and the {{domxref("ParentNode.querySelector()")}}, {{domxref("ParentNode.querySelectorAll()")}}, {{domxref("ParentNode.append()")}}, and {{domxref("ParentNode.prepend()")}} methods.</td>
  </tr>
  <tr>
   <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td>
   <td>{{Spec2('Element Traversal')}}</td>
   <td>Added the initial definition of its properties to the <code>ElementTraversal</code> pure interface and used it on {{domxref("Element")}}.</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>



<p>{{Compat("api.ParentNode")}}</p>

<h2 id="参见">参见</h2>

<ul>
 <li>{{domxref("ChildNode")}} 纯接口。</li>
 <li>
  <div class="syntaxbox">实现此 mixin 的对象类型：{{domxref("Document")}}、{{domxref("Element")}}，和 {{domxref("DocumentFragment")}}。</div>
 </li>
</ul>