JavaScript基础④-文档对象模型(BOM)
DOM介绍
DOM(document object model )文档对象模型,定义了表示和修改文档所需的对象、行为和属性,以及这些对象之间的关系。它是一个能让程序和脚本动态访问和更新内容,结构和样式的语言平台。
DOM中的常用属性
- title:设置或返回当前页面的标题。
- body:提供对body元素的直接访问。
- cookie:设置或返回与当前文档有关的的所有cookie。
- domain:返回当前文档的域名。
- referrer:返回载入当前文档的URL。
- URL:返回当前文档的URL。
DOM中的常用方法
- scrollLeft: 页面在水平方向上的滚动距离
- scrollTop: 页面在垂直方向上的滚动距离
- clientWidth: 页面可见区域的宽度
- clientHeight: 页面可见区域的高度
DOM中的innerText、innerHTML、style属性
- innerText: 获取或设置指定的页面元素内容
- innerHTML: 获取或设置指定的页面元素内容(含有html标签)
- style: 获取或设置样式
DOM中表单对象的常用方法
- reset():重置
- submit():提交表单
DOM中表单对象的常用属性
- action:设置或返回表单的action属性(即:提交的路径)
- enctype:设置或返回表单数据在发送到服务器之前的编码方式
- id:设置或返回表单id
- length:返回表单中的元素个数
- method:设置或返回将数据发送到服务器的http方法
- name:设置或返回表单name名称
- target:设置或返回表单提交结果的frame或window名
DOM中表单对象集合: elements[]
elements[]:即一个数组,包含所有的表单元素
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Hoo's Blog!
评论