什么是对象模型
对象模型是描述对象逻辑结构及其标准操纵方法的一个接口包括四个主要的部分:1.JavaScript语言核心 2.主要与数据类型相关的核心对象 3.浏览器对象 4.文档对象
四个明显的对象模型
1.传统的JavaScript对象模型
2.扩展的JavaScript对象模型
3.DHTML风格的对象模型
4.扩展的渡口对象模型和标准的DOM
常用Document对象
LastModified location referrer(链接过来的URL)
访问文档元素
1.通过位置访问 document.forms[0]
2.通过ID或name document.myForm或document.forms[myForm]
三种级别的DOM
DOM0: 支持常用的对象模型集合forms[] images[] anchors[] link[] applets[]
DOM1: 通过一套常用的函数集提供操纵一个文档中所有元素的能力
DOM2: 提供对主要与XML相关的页面元素的更多的访问同时增加了对样式表访问和操纵的支持
DOM节点与HTML文档
1 Element XHTML元素
2 Attribute 元素的属性
3 Text 元素的内容
8 Comment 注释
9 Document 根文档对象
10 DocumentType 文档类型定义
DOM节点的属性
nodeName 节点的名称
nodeValue 节点的值通常适应于文本节点
nodeType 节点的类型见上面
访问元素
1.通过ID访问 document.getElementById("id")
2.通过元素的name属性 document.getElementsByName("name")
3.通过访问元素 getElementsByTagName('p')
判断是否存在节点 hasChildNodes()
公共的文档树导航起点
document.documentElement 指向文档树的根元素 相对HTML的<HTML>
document.body 指向<body>标记相对应的树节点
document.doctype 指向文档的DOCTYPE定义 但是该属性不能更改
创建节点
creatAttribute(name) 为元素创建一个指定的属性
createComment(string) 创建一个HTML注释
createDocumentFragment()创建一个元素,元素类型在参数tagname中指定.
createTextNode(string) 创建一个包含字符串的文本节点
添加或插入节点
appendChild(新子节点)
insertBefore(新子节点,参考子节点)
删除或替换节点
current.removeChiled(current.lastChild)
replaceChild(newChild, oldChild)
修改文本节点的值
textnode.data="new text"
操作属性
getAttribute() setAttribute() removeAttribute() 判断元素是否定义有属性hasAttributes()
对象模型是描述对象逻辑结构及其标准操纵方法的一个接口包括四个主要的部分:1.JavaScript语言核心 2.主要与数据类型相关的核心对象 3.浏览器对象 4.文档对象
四个明显的对象模型
1.传统的JavaScript对象模型
2.扩展的JavaScript对象模型
3.DHTML风格的对象模型
4.扩展的渡口对象模型和标准的DOM
常用Document对象
LastModified location referrer(链接过来的URL)
访问文档元素
1.通过位置访问 document.forms[0]
2.通过ID或name document.myForm或document.forms[myForm]
三种级别的DOM
DOM0: 支持常用的对象模型集合forms[] images[] anchors[] link[] applets[]
DOM1: 通过一套常用的函数集提供操纵一个文档中所有元素的能力
DOM2: 提供对主要与XML相关的页面元素的更多的访问同时增加了对样式表访问和操纵的支持
DOM节点与HTML文档
1 Element XHTML元素
2 Attribute 元素的属性
3 Text 元素的内容
8 Comment 注释
9 Document 根文档对象
10 DocumentType 文档类型定义
DOM节点的属性
nodeName 节点的名称
nodeValue 节点的值通常适应于文本节点
nodeType 节点的类型见上面
访问元素
1.通过ID访问 document.getElementById("id")
2.通过元素的name属性 document.getElementsByName("name")
3.通过访问元素 getElementsByTagName('p')
判断是否存在节点 hasChildNodes()
公共的文档树导航起点
document.documentElement 指向文档树的根元素 相对HTML的<HTML>
document.body 指向<body>标记相对应的树节点
document.doctype 指向文档的DOCTYPE定义 但是该属性不能更改
创建节点
creatAttribute(name) 为元素创建一个指定的属性
createComment(string) 创建一个HTML注释
createDocumentFragment()创建一个元素,元素类型在参数tagname中指定.
createTextNode(string) 创建一个包含字符串的文本节点
添加或插入节点
appendChild(新子节点)
insertBefore(新子节点,参考子节点)
删除或替换节点
current.removeChiled(current.lastChild)
replaceChild(newChild, oldChild)
修改文本节点的值
textnode.data="new text"
操作属性
getAttribute() setAttribute() removeAttribute() 判断元素是否定义有属性hasAttributes()