在我们使用js的时候经常会用到document
例如:
document.write("");
document.getElementById('');
document.createElement()
......
首先理解为什么我们能够通过JavaScript来改变HTML文档的
要改变页面某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口,这个入口连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型(DOM)来获得的。
那么DOM和document之间是什么关系呢?
DOM(文档对象模型Document Object Model)是W3C推荐的技术规范,实际上就是以面向对象的方式描述的文档模型。
Document 是具体的对象,是DOM中的一种对象实现。
Document对象:
每个载入浏览器的HTML文档都会成为Document对象
document对象表示整个Web页面。所有的Web浏览器都实现了这个对象,可以通过它的名称直接使用它
使用document对象,可以访问或修改用户页面上看到的内容,并根据用户与页面的交互方式进行响应。
document对象使我们可以从脚本中对HTML页面中的所有元素进行访问
* Document对象是Window对象的一部分,可通过window.document属性对其进行访问。
Document既然是对象那就同样存在属性、方法、
属性:
描述了当前WEB页面的特性
例如: title 标题
. .............
方法:
方法的执行与浏览器中当前载入的文档有关的任务
例如:从一个特定元素中获取信息,或者添加新的内容
write() :向document中添加新的内容
getElementById() :使用元素的id属性访问一个元素
.........
事件:
可以相应事件,例如:用户鼠标点击或用手指触摸一个元素。
load : 页面和页面上的元素完成加载时
click : 用户页面上点击
............