菜鸟学习javascript13

15.DOM操作

 DOM（Document Object Model）

1.document文档HTMl XML文件  标记语言（标签似的）

2.Object对象（HTML元素 转成的对象（js对象））

注意：如果使用js操作HTML文档，就需要选中HTML文档结构转成JS对象

     a。操作属性

     B。操作内容

                 innerText（IE）textContent（火狐）

                 innerHTML

                 outeText

                 outHTML

         表单

                   Value       例如input标签和textare

     C。操作样式

             aobj.style.backgroundColor =“red”;

             aobj.style.fontSize =“3cm”;

            ClassName

             aobj.className =“text”;

             aobj.className+=”demo”;

          利用for in遍历所有标签属性和方法

           Var pro =“”；

                For ( pro in对象名)

                    {

                              Document.write(“a.”+pro+”=”+aobj[pro]+””);

                     }

 有了以上三点的操作之前先转成对象。

 转成对象的两种形式：

1.标记名（多个）：id（唯一） ，name（多个）。

Document中的三个方法

Var  objs = document.getEleMentsByTagName(“div”);

Var  objs = document.getEleMentById(“one”);

Var  objs = document.getEleMentByName(“two”);

2.通过数组

Document.all = [object]

Document.appplets = [object]

Document.embeds

Document.script

Documnet.forms

Document.images

Doucment.anchors

doucment.styleSheets

Doucment.links

数字访问7中方式

Document.forms[1]

Document.forms[“名字”]

Document.forms.item[1]

Document.forms.item(“名字”)

Document.forms.名字

Document.名字

Document[“名字”]

中括号[ ]  和 点 . 相当于 （……的）

ps：或许对页面结构标记标签html比较熟悉吧，所以虽然第一次接触DOM的知识内容，学起来竟然比之前的语法还更加快速，理解的更好。