DOM的认识

DOM

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

作用:

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]

猜你喜欢

转载自blog.csdn.net/liurenbuzai/article/details/80072062
DOM
今日推荐