Dom对象方法

青旅半醒 2023-01-05 05:24 125阅读 0赞

# 节点的分类： #

元素节点 html标签  img body input div

文本节点 文字部分

属性节点 标签内的属性

注释节点

1.document

页面中最大的节点，有且只有一个。不属于元素节点，是页面中所有节点的容器。  根节点。

2.html

页面中最大的元素节点。根元素节点。

3.元素节点

html标签

4.文本节点

每一段文本内容都是一个文本节点

包含 换行 和 空格

一般来说作为元素节点的子节点存在。

5.属性节点：

属性节点不能单独存在，必须依赖于元素节点。

6.注释节点

页面中的注释，作为说明文本使用户。

--------------------

## Document 对象 ##

Document 对象是文档树的根，并为我们提供对文档数据的最初（或最顶层）的访问入口。

由于元素节点、文本节点、注释、处理指令等均无法存在于文档之外，Document 对象也提供了创建这些对象的方法。Node 对象提供了一个 ownerDocument 属性，此属性可把它们与在其中创建它们的 Document 关联起来。

## Document 对象属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-async.html" rel="nofollow">async</a></td> 
   <td>规定 XML 文件的下载是否应当被异步处理。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-childnodes.html" rel="nofollow">childNodes</a></td> 
   <td>返回文档的子节点的节点列表。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-prop-document-doctype.html" rel="nofollow">doctype</a></td> 
   <td>返回与文档相关的文档类型声明（DTD，全称 Document Type Declaration）。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-prop-document-documentelement.html" rel="nofollow">documentElement</a></td> 
   <td>返回文档的根节点。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-prop-document-documenturi.html" rel="nofollow">documentURI</a></td> 
   <td>设置或返回文档的位置。</td> 
  </tr> 
  <tr> 
   <td>domConfig</td> 
   <td>返回 normalizeDocument() 被调用时所使用的配置。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-firstchild.html" rel="nofollow">firstChild</a></td> 
   <td>返回文档的第一个子节点。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-prop-document-implementation.html" rel="nofollow">implementation</a></td> 
   <td>返回处理该文档的 DOMImplementation 对象。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-prop-document-inputencoding.html" rel="nofollow">inputEncoding</a></td> 
   <td>返回用于文档的编码方式（在解析时）。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-lastchild.html" rel="nofollow">lastChild</a></td> 
   <td>返回文档的最后一个子节点。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-nodename.html" rel="nofollow">nodeName</a></td> 
   <td>返回节点的名称（根据节点的类型）。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-nodetype.html" rel="nofollow">nodeType</a></td> 
   <td>返回节点的节点类型。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-nodevalue.html" rel="nofollow">nodeValue</a></td> 
   <td>设置或返回节点的值（根据节点的类型）。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-prop-document-stricterrorchecking.html" rel="nofollow">strictErrorChecking</a></td> 
   <td>设置或返回是否强制进行错误检查。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-xmlencoding.html" rel="nofollow">xmlEncoding</a></td> 
   <td>返回文档的 XML 编码。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-xmlstandalone.html" rel="nofollow">xmlStandalone</a></td> 
   <td>设置或返回文档是否为 standalone。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/prop-document-xmlversion.html" rel="nofollow">xmlVersion</a></td> 
   <td>设置或返回文档的 XML 版本。</td> 
  </tr> 
 </tbody> 
</table>

## DOM 对象方法 ##

常用方法：

<table> 
 <tbody> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>getElementById()</td> 
   <td>返回带有指定 ID 的元素。</td> 
  </tr> 
  <tr> 
   <td>getElementsByTagName()</td> 
   <td>返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。</td> 
  </tr> 
  <tr> 
   <td>getElementsByClassName()</td> 
   <td>返回包含带有指定类名的所有元素的节点列表。</td> 
  </tr> 
  <tr> 
   <td>appendChild()</td> 
   <td>把新的子节点添加到指定节点。</td> 
  </tr> 
  <tr> 
   <td>removeChild()</td> 
   <td>删除子节点。</td> 
  </tr> 
  <tr> 
   <td>replaceChild()</td> 
   <td>替换子节点。</td> 
  </tr> 
  <tr> 
   <td>insertBefore()</td> 
   <td>在指定的子节点前面插入新的子节点。</td> 
  </tr> 
  <tr> 
   <td>createAttribute()</td> 
   <td>创建属性节点。</td> 
  </tr> 
  <tr> 
   <td>createElement()</td> 
   <td>创建元素节点。</td> 
  </tr> 
  <tr> 
   <td>createTextNode()</td> 
   <td>创建文本节点。</td> 
  </tr> 
  <tr> 
   <td>getAttribute()</td> 
   <td>返回指定的属性值。</td> 
  </tr> 
  <tr> 
   <td>setAttribute()</td> 
   <td>把指定属性设置或修改为指定的值。</td> 
  </tr> 
 </tbody> 
</table>

## Document 对象方法 ##

<table> 
 <tbody> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>adoptNode(sourcenode)</td> 
   <td>从另一个文档向本文档选定一个节点，然后返回被选节点。</td> 
  </tr> 
  <tr> 
   <td>createAttribute(name)</td> 
   <td>创建带有指定名称的属性节点，并返回新的 Attr 对象。</td> 
  </tr> 
  <tr> 
   <td>createAttributeNS(uri,name)</td> 
   <td>创建带有指定名称和命名空间的属性节点，并返回新的 Attr 对象。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/met-document-createcdatasection.html" rel="nofollow">createCDATASection()</a></td> 
   <td>创建 CDATA 区段节点。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-met-document-createcomment.html" rel="nofollow">createComment()</a></td> 
   <td>创建注释节点。</td> 
  </tr> 
  <tr> 
   <td>createDocumentFragment()</td> 
   <td>创建空的 DocumentFragment 对象，并返回此对象。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-met-document-createelement.html" rel="nofollow">createElement()</a></td> 
   <td>创建元素节点。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/met-document-createelementns.html" rel="nofollow">createElementNS()</a></td> 
   <td>创建带有指定命名空间的元素节点。</td> 
  </tr> 
  <tr> 
   <td>createEntityReference(name)</td> 
   <td>创建 EntityReference 对象，并返回此对象。</td> 
  </tr> 
  <tr> 
   <td>createProcessingInstruction(target,data)</td> 
   <td>创建一个 ProcessingInstruction 对象，并返回此对象。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-met-document-createtextnode.html" rel="nofollow">createTextNode()</a></td> 
   <td>创建文本节点。</td> 
  </tr> 
  <tr> 
   <td>getElementById(id)</td> 
   <td>返回带有指定值的 ID 属性的元素。如果不存在这样的元素，则返回 null。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-met-document-getelementsbytagname.html" rel="nofollow">getElementsByTagName()</a></td> 
   <td>返回带有指定名称的所有元素的 NodeList。</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/met-document-getelementsbytagnamens.html" rel="nofollow">getElementsByTagNameNS()</a></td> 
   <td>返回带有指定名称和命名空间的所有元素的 NodeList。</td> 
  </tr> 
  <tr> 
   <td>importNode(nodetoimport,deep)</td> 
   <td>从另一个文档向本文档选定一个节点。该方法创建源节点的一个新的副本。如果 deep 参数设置为 true，它将导入指定节点的所有子节点。 如果设置为 false，它将只导入节点本身。该方法返回被导入的节点。</td> 
  </tr> 
  <tr> 
   <td>normalizeDocument()</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="https://www.w3cschool.cn/xmldom/dom-met-document-renamenode.html" rel="nofollow">renameNode()</a></td> 
   <td> <p>重命名元素或属性节点。</p> <p>&nbsp;</p> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>