节点的类型
本案例是“文档片段节点”的添加案例。
innerHTML:设置或返回表格行的开始和结束标签之间的 HTML。
appendchild:向节点添加最后一个子节点。一般用法:
对象名.appendchild(添加内容的对象名,如:li);
document.getElementById(被添加者,如:list-node).appendChild(对象名,如frag);
2、节点分类
Element:如html、head、meta、title、body、div、ul、script等;
Attr:非文档树的一部分,包含于元素节点,如:lang、charset、id等;
Ttext:字符数据,可有空白和更多的数据组成,元素的属性内容和属性的文本内容都是由Text表示,如标签间的文字,标签到标签间的空白;
Comment:文档中的注释内容;
Document:文档树的根节点,是其他节点的父节点,飞html、XML的根元素,因在其中像注释节点可在文档之外。我们将整个代码之上看做文档节点既document节点,它包含两个节点,分别是doctype节点和html节点;
DocumentType:每个document节点都有一个documenttype节点,其值或是 (now?)或者document对象,如:<!DOCTYPE>定义就是documenttype节点;
DocumentFragment:是轻量级的或者最小的document对象,它表示文档的一部分或者一段,不属于文档树,其有一个十分有用的特殊行为,如,当请求把一个documentfragment节点插入到文档树的时候,插入的不是documentfragment节点自身,而是它的子孙节点,此时它是有用的占位符,暂时存放那些一次插入的节点,同事它有利于实现文档的剪切、复制、粘贴等操作,如:frag。
文档节点是文档树的根节点,它是文档中所有元素的父节点,但它并不是HTML或XML的根元素,因为注释可以出现在根元素之外。所以在构建DOM树时,根元素并不适合作为根节点,于是就有了文档节点,而根元素是作为文档节点的子节点出现的。
笔记截图内容
DOM节点类型
每一个节点都有一个type属性,用于表明节点的类型,节点类型通过数值常量,和字符常量来表示,元素唯一拥有文本节点和子节点的节点类型,属性节点被包含在元素节点中的一部分,不单独出现,某个节点之后的空白区域也是属于文本节点,文档节点是所有文档的根节点,是所有元素的父节点。
文档片段节点
节点的类型
节点类型nodeType常用的七种,总共有12种
本案例是“文档片段节点”的添加案例。
innerHTML:设置或返回表格行的开始和结束标签之间的 HTML。
appendchild:向节点添加最后一个子节点。一般用法:
对象名.appendchild(添加内容的对象名,如:li);
document.getElementById(被添加者,如:list-node).appendChild(对象名,如frag);
2、节点分类
Element:如html、head、meta、title、body、div、ul、script等;
Attr:非文档树的一部分,包含于元素节点,如:lang、charset、id等;
Ttext:字符数据,可有空白和更多的数据组成,元素的属性内容和属性的文本内容都是由Text表示,如标签间的文字,标签到标签间的空白;
Comment:文档中的注释内容;
Document:文档树的根节点,是其他节点的父节点,飞html、XML的根元素,因在其中像注释节点可在文档之外。我们将整个代码之上看做文档节点既document节点,它包含两个节点,分别是doctype节点和html节点;
DocumentType:每个document节点都有一个documenttype节点,其值或是 (now?)或者document对象,如:<!DOCTYPE>定义就是documenttype节点;
DocumentFragment:是轻量级的或者最小的document对象,它表示文档的一部分或者一段,不属于文档树,其有一个十分有用的特殊行为,如,当请求把一个documentfragment节点插入到文档树的时候,插入的不是documentfragment节点自身,而是它的子孙节点,此时它是有用的占位符,暂时存放那些一次插入的节点,同事它有利于实现文档的剪切、复制、粘贴等操作,如:frag。
节点的类型
元素节点 ELEMENT_NODE 1
属性节点 ATTRIBUTE_NODE 2
文本节点 TEXT_NODE 3
注释节点 COMMENT_NODE 8
文档节点 DOCUMENT_NODE 9
文档类型节点 DOCUMENT_TYPE_NODE 10
文档片段节点 DOCUMENT_FRAGMENT_NODE 11
把一个文档划分为多个节点,而这些节点分别用不同的类型来表示,代表不同的含义,了解DOM节点的类型是基础。
元素节点,
> 拥有子节点和文本,是唯一能拥有属性的节点类型<br>
属性节点,
> 元素中的属性,是附属于元素的,是包含他的元素节点的一部分,不属于文档树的一部分<br>
文本节点,
> 只包含文本内容(可以只包含空白)的节点,在xml中称为字符数据;<br>
> 在文档树中元素的文本内容和属性的文本内容都是由文本节点表示的<br>
> 某个节点的空白区域,也是属于文本节点<br>
注释节点:
> 表示注释的内容<br>
文档节点:
> 文档树的根节点,是其他节点的父节点;
> 注意不是html或者xml的根元素。根元素是作为文档节点的子节点出现的<br>
> 整个代码之上看做是文档节点<br>
文档类型节点: 例;<!doctype html><br>
文档片段节点:
> 文档片段是轻量级的或者是最小的Document 对象,他表示文档的一部分或者是一段,他不属于文档树;
> 他的特殊行为:占位符,暂时存放一次插入文档的节点,同时有利于剪贴复制操作
把一个文档划分为多个节点,而这些节点分别用不同的类型来表示,代表不同的含义,了解DOM节点的类型是基础。
■ 元素节点,
> 拥有子节点和文本,是唯一能拥有属性的节点类型<br>
■ 属性节点,
> 元素中的属性,是附属于元素的,是包含他的元素节点的一部分,不属于文档树的一部分<br>
■ 文本节点,
> 只包含文本内容(可以只包含空白)的节点,在xml中称为字符数据;<br>
> 在文档树中元素的文本内容和属性的文本内容都是由文本节点表示的<br>
> 某个节点的空白区域,也是属于文本节点<br>
■ 注释节点:
> 表示注释的内容<br>
■ 文档节点:
> 文档树的根节点,是其他节点的父节点;
> 注意不是html或者xml的根元素。根元素是作为文档节点的子节点出现的<br>
> 整个代码之上看做是文档节点<br>
■ 文档类型节点: 例;<!doctype html><br>
■ 文档片段节点:
> 文档片段是轻量级的或者是最小的Document 对象,他表示文档的一部分或者是一段,他不属于文档树;
> 他的特殊行为:占位符,暂时存放一次插入文档的节点,同时有利于剪贴复制操作