D=document
O=Object
M=Model
将文档想成一个倒树,每一个部分(元素,内容,属性,注释)都是一个节点
只要知道一个节点,按关系找到其他节点
父节点: parentNode
子节点(第一个,最后一个) childModes firstMode lastNode
同胞节点(上一个,下一个) nextSibing orevioussibing
找到节点:节点类型,节点名,节点值
么一个节点都拥有包含着关于节点某些信息的属性,这些属性是:
nodeName(节点名称)
nodeVakue(节点值)
nodetype(节点类型)
nodeNmae属性含有节点的名称
元素节点的nodeName是标签名称
属性节点的nodeName是属性名称
文本节点的nodeName永远是#text
文档节点的nodeName永远是#document
nodeName所包含的xhl元素的标签名称永远是大写的
对于文本节点,nodeValue属性包含属性值
对于属性节点nodeValue属性包含属性值
nodeValue属性对于文档节点和元素节点是不可用的
nodeType属性可返回及诶单的类型
最重要的节点类型是:
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
可以再一个文档中:
1:创建节点
document,creatElenment("img")
appendChild();
insertBefore();
2:添加到文档中
3:删除节点:
renoveChild();
作用:
Dom(Documnet object Model)
1:document 文档 html xml 文件(标记语言)
<body>
<div>
<a>www</a>
</div>
</body>
2:object 对象(html 元素 转成的对象(js对象))
如果使用js操作文档,就需要选将html文档结构转成js对象
a.操作属性
b.操作内容
innerText(IE) textContent(FF)
innerHTML
outerText
outerHTML
表单:
value
c.操作样式
aobj.style.backgroundColor="red";
aobj.style.fontSize="3cm";
classname
aobj.classname="test";
aobj.classname+="demo";
aobj.calssName=""
有了以上三点的操作之前先转成对象
转成对象的形式
1:标记名(多个),id(唯一),name(多个)
document中的三个方法
var objs=document.getElementByTagName("div");
var objs=document.getElementById("one");
var objs=document.getElementByName("two");
2.通过数组
document.title=
document.body=[object]
window.firames=[object]
document.all=[object]
document.enbeds=[objexct]
document.scripts=[object]
document.applets=[object]
document.images=[object]
document.forms=[object]
document.anchors=[object]
document.styleSheets=[object]
document.links=[object]