理解Firefox - 第二章 从DOM出发 （二）

2.2  如何使用DOM

DOM标准定义了很多API，http://www.w3.org/TR/DOM-Level-3-Core/core.html

在Mozilla中，DOM内核接口提供如下：idl是interface文件后缀。

sunlit@ubunt:~/mozilla-central/dom/interfaces/core$ ls Makefile.in                  nsIDOMDOMLocator.idl nsIDOM3Attr.idl              nsIDOMDOMStringList.idl nsIDOM3Document.idl          nsIDOMElement.idl nsIDOM3Node.idl              nsIDOMEntity.idl nsIDOM3Text.idl              nsIDOMEntityReference.idl nsIDOM3TypeInfo.idl          nsIDOMNamedNodeMap.idl nsIDOMAttr.idl               nsIDOMNameList.idl nsIDOMCDATASection.idl       nsIDOMNode.idl nsIDOMCharacterData.idl      nsIDOMNodeList.idl nsIDOMComment.idl            nsIDOMNodeSelector.idl nsIDOMDocumentFragment.idl   nsIDOMNotation.idl nsIDOMDocument.idl           nsIDOMNSDocument.idl nsIDOMDocumentType.idl       nsIDOMNSEditableElement.idl nsIDOMDOMConfiguration.idl   nsIDOMNSElement.idl nsIDOMDOMErrorHandler.idl    nsIDOMProcessingInstruction.idl nsIDOMDOMError.idl           nsIDOMText.idl nsIDOMDOMException.idl       nsIDOMUserDataHandler.idl nsIDOMDOMImplementation.idl  nsIDOMXMLDocument.idl

2.2.1 创建DOM对象（树）

var doc = document.implementation.createDocument("", "", null); var peopleElem = doc.createElement("people"); var personElem1 = doc.createElement("person"); personElem1.setAttribute("first-name", "eric"); personElem1.setAttribute("middle-initial", "h"); personElem1.setAttribute("last-name", "jung");

如果你熟悉ActiveX,那就基本原样照办。不熟悉没问题，照猫画虎就可以了。创建文档、然后元素成树。

唯一要注意的是如果使用Sarissa，那就要用Sarissa创建文档，否则支持不了。

2.2.2 从文件中读数据到DOM，或者动态创建数据

在nsIDOMXMLDocument.idl里面提供了load方法，使用myXML.load之类的命令很容易读取数据。或者像上面的例子慢慢设置。load默认的读取数据方式是异步。

2.2.3 可以用了，保存数据和其他

现在你可以利用DOM丰富的API了。可以把树转换、保存成XML等等。

有一篇很好的文章（https://developer.mozilla.org/cn/使用Javascript和DOM_Interfaces来处理HTML）解释了DOM在动态内容的功能。

 

至于DOM如何实现，就不在这里罗嗦了。在了解了DOM标准和接口 后，源代码很容易看。