DOM
操作网页的API
操作一切结构化文档的通用API
核心DOM:操作所有文档的通用API;繁琐! 可实现:增、删、修、查
HTML DOM:基于核心DOM的API,扩展的专门操作HTML内容的API;简单易用!简化了修改操作;对个别复杂HTML元素扩展了简化方法。
开发中:都是修改时,能用HTML DOM,优先使用HTML DOM
查,增,删时,只能用核心DOM
DOM Tree
网页加载进内存时,会先创建一个document对象,指代当前网页
网页中的所有内容:元素,文本,属性,注释等,都叫节点对象
-
节点对象的类型:
- document对象:文档类型(Document)
- 元素节点:元素类型(Element)
- 文本节点:文本类型(Text)
- 属性节点:属性类型(Attr) Node类型:
-
nodeType: 获得当前节点的类型,返回的是一个数字
ELEMENT_NODE: 1
TEXT_NODE: 3
ATTRIBUTE_NODE: 2
DOCUMENT_NODE: 9
专门判断不同节点类型 -
nodeName: 获得当前节点的名称:
如果是元素节点:返回 全大写字母标签名
文本节点:返回#text
文档节点:返回#document
专门用于区分不同的元素节点
*用于:判断一个元素是不是按钮
if(elem.nodeName==”BUTTON”)* -
nodeValue: 获得当前节点的值,对元素节点无效
如果是元素节点:返回null!
文本节点:返回文本的内容
BOM
操作浏览器窗口的API
DHTML
所有实现网页动态效果技术的统称
HTML+CSS+JavaScript
HTML
HTML: 超文本标记语言,专门定义网页内容的语言
XHTML: 严格的HTML标准
DHTML: 所有实现网页动态效果技术的统称
XML: 可扩展的标记语言,标签都是自定义的
XML语法和HTML语法完全相同!——结构化数据