document对象以及应用.wps

document对象以及应用

Document对象在Dom中处于核心地位，其实我们把Dom树称为Document

对象，在JavaScript中，document对象就是浏览器的内置对象，因此具有document

对象的所有属性和方法。Document对象是特殊的Node对象，但是对于Document

来说我们更重要的是看重Document的方法。document具有创建其他任何节点

的能力，比如能够正常创建Element，TextNode，Attribute节点等，具体的方法

如下：F代表FireFox：

属性描述IE F W3

adoptNode(sourcenode)从另一个文档向此文档选取一个节

点，然后返回被选取的节点

Yes

createAttribute(name)创建拥有指定名称的属性节点，并

返回新的Attr 对象。

61Yes

createAttributeNS(uri,name)创建拥有指定名称和命名空间的属

性节点，并返回新的Attr 对象。

Yes

createCDATASection()创建CDATA 区段节点。51Yes createComment()创建注释节点。61Yes

createDocumentFragment()创建空的DocumentFragment 对

象，并返回此对象。

51Yes

createElement()创建元素节点。51Yes

createElementNS()创建带有指定命名空间的元素节

点。

No1Yes

createEntityReference(name)创建EntityReference 对象，并返回

此对象。

5Yes

createProcessingInstruction (target,data)创建ProcessingInstruction 对象，并

返回此对象。

5Yes

createTextNode()创建文本节点。51Yes

getElementById(id)返回拥有带有给定值的ID 属性的

元素。如果此元素不存在，则返回

null。

51Yes

getElementsByTagName_r()返回带有指定名称的所有元素的节

点列表

51Yes

getElementsByTagNameNS()返回带有指定名称和命名空间的所

有元素的列表。

No1Yes

importNode(nodetoimport,deep)从另一个文档把某个节点导入此文

档。此方法可创建源节点的一个新

的副本。如果deep 参数被设置为

true，那么会导入指定节点的所有子

节点。如果被设置为false，那么仅

会导入节点本身。此方法会返回被

导入的节点。

Yes

normalizeDocument()Yes renameNode()重命名元素或者属性节点。Yes 在上面表中粉红色的方法，是使用频率比较高的，在学习中这些方法记住就可以

了，因为我们不可能记住所有的方法，其他的方法使用的时候再去查询。

具体用户一JavaScript为例给以说明：

创建一个元素

createElement()方法可创建一个新的元素节点。

下面的代码片段可创建一个元素()，并可把它添加到每个元素的

最后一个子元素之后：

JavaScript的语法：

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.getElementsByTagName_r('book');

var newel

for (i=0;i

{

newel=xmlDoc.createElement('edition');

x[i].appendChild(newel);

}

当然JavaScript中的document对象具有这些方法，可以创建Html中的Element

创建一个属性

createAttribute()可创建一个新的属性节点。

下面的代码片段可创建一个"edition"属性，并可把它添加到所有的元素

中：

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.getElementsByTagName_r('book');

var newatt;

for (i=0;i

{

newatt=xmlDoc.createAttribute("edition");

newatt.value="first";

x[i].setAttributeNode(newatt);

}

当然JavaScript中document对属性操作非常简单，由于JavaScript中的任何对象都是动态的，JavaScript

中的对象可以任何时刻，使用

对象.属性= 属性。

这样的语法添加值。比如：

var mydiv=document.CreateElement("div");

mydiv.bgColor="#8080FF";

创建一个文本节点

createTextNode()方法可创建一个新的文本节点。

下面的代码片段可创建一个元素()，其中带有一个文本节点('First')，并可把此元素添加到每

一个元素的最后一个子元素之后：

xmlDoc=loadXMLDoc("books.xml");

var x=xmlDoc.getElementsByTagName_r('book');

var newel,newtext

for (i=0;i

{

newel=xmlDoc.createElement('edition');

newtext=xmlDoc.createTextNode('First');

newel.appendChild(newtext);

x[i].appendChild(newel);

}

创建一个CDATA Section节点

CDATASection 对象表示文档中的CDATA 区段。