js中的Dom对象

js的dom对象
        *dom:document object model:文档对象模型
        **文档:
            超文本文档(超文本标记文档)  html ' xml
        **对象
            提供了属性和方法
        **模型 使用属性和方法 操作超文本标记型文档
         ***可以使用js里面dom提供的对象,使用这些对象的属性和方法,对标记性文档进行操作;
         ***想要对标记型文档进行操作,首先需要要对标记型文档里面的所有内容封装对象 ;
                --需要把html里面的标签,属性,文本都封装成对象
        ***想要对标记型文档进行操作,需要解析标记型文档
                -画图分析,如何使用dom对象解析html
                
        ***解析过程
                根据html的层级结构  ,在内存中分配一个树形结构,需要把html中的每部分封装成对象,
                -document 对象  整个文档
                -element 对象 :标签对象
                -属性对象 
                -文本对象
                
                --Node节点对象:这个对象是这些对象的父对象
                            ***如过在对象里面找不到想要的方法,这个时候到Node对象里面找
    ------------------------------------------------------------------------------------
    Dom有三种
    
            DOM level 1:将html封装成对象
            DOM level 2:在level 1的基础上添加新的功能,例如:对于事件和css样式的支持
            DOM level 3:支持XMl1.0的一些新特性
     *DHTMl:很多技术的简称
            **html 封装数据
            **css  使用属性和属性值来设置样式
            **DOm   操作html文档(标记型文档)
            **JavaSCript  专门指的是 js的语法语句(ECMAScript))
  2.document对象    
            *表示整个文档
            **常用的方法
                    ****write（）方法
                            （1）向页面输出变量（值）
                            （2）向页面输出HTML代码
                            var str="123";
                            document.write(str);
                            document.write("<br/>")
                ***getElementById();
                        通过Id得到元素

                 
                ***getElementsByName();
                        通过标签的name的属性值得到标签，
                        -返回的是集合（数组）

                  
                ***getElementByIagName("标签名称");
                        通过标签名称得到元素

                
                **注意地方
                           

10.弹窗案例

        

这个案例存在案例存在的问腿

      ***由于现在访问的是本地文件，js安全性，谷歌浏览器安全级别很高，不允许访问本地文件

       ***在实际开发中，没有这样的问题，实际中不可能访问本地文件