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安全性,谷歌浏览器安全级别很高,不允许访问本地文件
***在实际开发中,没有这样的问题,实际中不可能访问本地文件