script--DOM *** 作

DOM-document object model： 文档对象模型：统一管理组织网页文档数据/网页标签

DOM模型数据 *** 作

JavaScript *** 作网页文档对象

*** 作标签增加、删除、查询

*** 作属性增加、删除、修改、查询

*** 作样式增加、删除、修改、查询

*** 作内容增加、删除、修改、查询

docement。getElementById（）根据标签的id属性提取一个标签对象

document。getElementsByTagName（）根据标签名称，提取多个标签对象

document。getElemensByName（）根据标签的name属性提取多个标签对象

document。getElementsByClassname（）根据标签的class属性提取多个标签对象。对于IE7不兼容，目前主流浏览器都可以 *** 作。

查询一个指定的标签

documentgetElementById()

documentgetElementsByName()

documentgetElementsByClassName()

documentgetElementsTagName()

查询这个标签的所有字标签：

（1）获取当前标签区域内的字标签数量

var 变量名称 = 区域标签名称。childElementCount;

（2）获取当前标签区域内的文本节点

var 变量名称 = 区域标签名称。childNodes;

（3）获取当前标签区域内的所有字标签；

var 变量名称 = 区域标签名称。Children；

（4）获取当前标间区域内的所有列表（存在兼容性问题）

var 变量名称 = 区域标签名称。childList;

（5）查询第一个子标签（兼容性问题）

var 变量名称 = 当前区域标签名称。firstChild

var 变量名称 = 当前区域标签名称。firstElementChild

（6）查询最后一个子标签（兼容性问题）

var 变量名称 = 当前区域标签名称。lastChild;

var 变量名称 = 当前区域标签名称。lastElementChild;

（7）指定获取子标签中的某个标签

var 变量名称1 = 当前所选中区域标签名称。children;

var 变量名称2 = 变量名称10（下标 *** 作）

查询这个标签的父标签：

（NodeparentNode返回当前节点的父节点）

查询这个标签的兄弟标签|同级标签：

var 变量名称1 = documnetgetElementById（“id属性”）

（获取它前面的同级标签）

var 变量名称2 = 变量名称1。previousSibling;

var 变量名称2 = 变量名称1nextSibling;

// var变量名称2 1 = 变量名称1previousElementSibling;// 兼容性问题

// var 变量名称3 =变量名称1nextElementSibling;// 兼容性问题

var _p1 = _tt2parent;

var _p2 = _tt2parentElement;

var _p3 = _tt2parentNode;

pass

/查询标签/

NodenodeName //返回节点名称，只读

NodenodeType //返回节点类型的常数值，只读

NodenodeValue //返回Text或Comment节点的文本值，只读

NodetextContent //返回当前节点和它的所有后代节点的文本内容，可读写

NodebaseURI //返回当前网页的绝对路径

NodeownerDocument //返回当前节点所在的顶层文档对象，即document

NodenextSibling //返回紧跟在当前节点后面的第一个兄弟节点

NodepreviousSibling //返回当前节点前面的、距离最近的一个兄弟节点

NodeparentNode //返回当前节点的父节点

NodeparentElement //返回当前节点的父Element节点

NodechildNodes //返回当前节点的所有子节点

NodefirstChild //返回当前节点的第一个子节点

NodelastChild //返回当前节点的最后一个子节点

//parentNode接口

Nodechildren //返回指定节点的所有Element子节点

NodefirstElementChild //返回当前节点的第一个Element子节点

NodelastElementChild //返回当前节点的最后一个Element子节点

NodechildElementCount //返回当前节点所有Element子节点的数目。

/

属性节点

属性本身就是一个对象（Attr对象)，但是实际上我们都是 *** 作的Element对象来进行 *** 作属性。(可读可写)

Elementid

Elementsrc=""

如果某个属性是标准属性，我们可以直接用这个属性

Elementattibutes返回一个伪数组，包含了当前元素所有的属性名。

ElementgetAttribute()

获取某个属性zhi。没有则返回null 标准和不标准的属性名都行

ElementsetAttribute()

用于添加或者修改属性。传两个值。要更改的属性值总是字符串，如果不是字符串，则会转化为字符串。

有就更改,没有就添加

ElementremoveAttribute()

用来移除指定的属性。

ElementgetAttributeNames()

获取所有属性名。返回一个数组。没有则返回空数组。

与Elementattributes区别，Elementattributes返回伪数组。

ElementhasAttribute()

用来检测某个属性是否存在。返回一个布尔值。

ElementhasAttributes()

用来检测当前元素是否有属性。返回一个布尔值。

文本节点

文本节点（Text）代表元素节点（Element）和属性节点（Attribute）的文本内容。

data(数据的意思)

data属性与textValue一样，用来设置或读取文本节点内容。

wholeText

wholeText属性将当前文本节点与相邻的文本节点，作为一个整体返回。

大多数情况下，wholeText属性的返回值，与data属性和textContent属性相同。

length 返回当前文本节点的长度。(跟字符串规矩一样)

文本节点的方法

appendData()：在Text节点尾部追加字符串

向当前文本节点后面添加一个文本节点(字符串)

deleteData()：删除Text节点内部的子字符串，

第一个参数为子字符串开始位置，第二个参数为子字符串长度

insertData()：在Text节点插入字符串，

第一个参数为插入位置，第二个参数为插入的子字符串。

在下标前面插入

replaceData()：用于替换文本，第一个参数为替换开始位置，

第二个参数为需要被替换掉的长度，第三个参数为新加入的字符串。

substringData()：用于获取子字符串，

第一个参数为子字符串在Text节点中的开始位置，第二个参数为子字符串长度

第一个值为起始下标,第二个值为截取的长度

splitText() 用于将文本节点一分为二。它的参数就是分割位置（从零开始）

，分割到该位置的字符前结束。如果分割位置不存在，将报错。

normalize() 用于父节点将相邻的两个文本节点合并

remove() 用于移除文本节点

文档片段节点

DocumentFragment节点代表一个文档的片段，本身就是一个完整的 DOM 树形结构。

它没有父节点，parentNode返回null，但是可以插入任意数量的子节点。它不属于当前文档。

documentcreateDocumentFragment //创建文本节点

DOM 节点是指在XML文档中的每个成分都是一个节点。整个文档就是一个文档节点，每个XML标签是一个元素节点。

DOM 是这样规定的：

整个文档是一个文档节点 从每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点

以上就是关于script--DOM *** 作全部的内容，包括:script--DOM *** 作、属性节点,文本节点,文档片段节点、DOM 节点是什么意思等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！