DomTree
DOM
DOM是一个由javascript节点对象组成的层次结构/树
<html>
<head>
<title>HTML</title>
</head>
<body>
</body>
</html>
使用chrome打开,并打开开发者工具,选择Elements->Properties
选中body节点,我们可以看到类似于Eclipse中java类的Class hierarchy视图。body是HTMLBodyElement的实例化对象,HTMLBodyElement是HTMLElement的子类,以此类推...
总结
DOM的目的是使用javascript操作(删除、添加、替换、创建事件)树状的HTML文档而提供的一个编程接口
节点对象类型
DOCUMENT_TYPE_NODE 10
DOCUMENT_NODE 9
ELEMENT_NODE 1
ATTRIBUTE_NODE 2
TEXT_NODE 3
...
这些Node属性是常量,是用来声明某一节点的类型。如同java语言中的Integer,Char,Long,String等,而且它们也有构造函数啊!
构造函数 | 类型 |
---|---|
HTML*Element | ELEMENT_NODE |
Text | TEXT_NODE |
Attr | ATTRIBUTE_NODE |
HTMLDocument | DOCUMENT_NODE |
DocumentFragment | DOCUMENT_FRAGMENT_NODE |
DocumentType | DOCUMENT_TYPE_NODE |
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。