首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

Dom 是什么的详细说明

Posted in Javascript onOctober 25, 2010

温馨提醒： Dom文档对象模型 chm版提供下载　点击下载

什么是Dom

Dom:英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XML
Dom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素．更改其现有的结构或内容．
如果你未接触过Dom，你会发现Dom太神奇了．．．不管你是菜鸟还是高手，在这个注重用户体验的web设计时代里，Dom是至关重要的. 如果你是一名有经验的web设计者，你应该看到过或用过以下这些命令或方法 getElementById getElementsByTagName offsetParent appendChild getAttribute 　不过至今仍有人认为这些都是JavaScript中的东西，其实不然，这些全是Dom中很重要的方法！ 我保证web圈提供的dom手册将是本世纪函盖面最广，涉及dom内容最全最详细的．仔细阅读吧年轻的程序员，相信他对你会有帮助！


Dom可以在网页中做什么？

HTML Dom中最常用的几个方法之查找元素

  1. Dom之引用当前整个网页文档：document
  2. Dom如何快速在网页中查找某一元素：getElementById
  3. Dom中查找一组标签，具有相同名称的标签元素：getElementsByTagName
  4. 根据标签的Id属性值或name属性来查找多个元素：getElementsByName
Dom中创建，添加，删除，修改，替换，复制，网页中的标签和文本内容的方法如下．
  1. 在网页中的创建一个标签元素：createElement
  2. 创建一段文本内容：createTextNode
  3. 向网页中添加元素：appendChild
  4. 删除元素的Dom方法是：removeChild
  5. 修改网页中标签元素的属性：setAttribute
  6. 替换已存在的标签或元素：replaceChild
  7. 复制克隆已存在的标签或元素：cloneNode
  8. 获取和修改元素内的html标签与文本内容：innerHTML
  9. 获取或修改元素的文本内容，仅支持IE：innerText
  10. 获取或修改元素的文本内容，支持FF：textContent
HTML Dom中还专门提供了一组接口用来操作网页中的表格Table元素
  1. HTML Dom中的insertRow方法可以为表格增加一行
  2. 删除表格中一行的方法是：deleteRow
  3. HTML Dom中的insertCell方法可以为表格某行中增加一列
  4. 删除行中的一列的方法是：deleteCell
  5. HTML Dom中的createCaption方法可以为表格创建一个标题
  6. HTML Dom中的createTHead方法可以为表格创建一个Thead
  7. HTML Dom中的createTFoot方法可以为表格创建一个TFoot
  8. 引用表格中所有行的属性为：rows
  9. 引用表格中某行的所有列：cells
  10. 移动表格中的行，只支持IE：moveRow
Dom中操作父元素，子元素，兄弟元素的相关命令
  1. 获取父元素的指令是：parentNode
  2. 获取元素中第一个子元素：firstChild
  3. 获取元素中最后面的那个子元素：lastChild
  4. 获取元素中所有的子元素：childNodes
  5. 获取前一个兄弟元素：previousSibling
  6. 获取后一个兄弟元素
作者：康董

2010-10-22

Dom手册使用说明

你看到左侧的列表内容,即是Dom手册,你可以点击他们来了解其详细说明和用法.利用索引框可以快速的在Dom手册列表中查找你想要的内容. Dom所有方法或属性均为英文字母,所以不支持中文搜索.例如你可以尝试输入offsetTop或offsetLeft自动补全功能会让你事半功倍.该手册每页显示50条内容,您可以 使用分页导航来查阅. 如果你在该Dom手册中未找到你 想要的内容,请查看下面的Dom手册完善计划!


Dom手册完善计划

Web 圈致力于打造最全最详细的 html手册,css手册,dom手册,javascript手册,xmlhttp手册.这离不开您的支持与参与!高手必与众同乐,分亨是 我们永恒的主题,所以不要吝啬您的代码.唯有分享,才能共同步,共同提高.如果您未在该Css手册内容中,查找到您想要的内容.请参与我们的完善 计划,或者您对该Dom手册内容中解释不到位的,也可以参与补充.我们非常乐意接收您的建议!参与手册完善计划


该Dom手册的特点

web 圈提供的Dom在线手册的特点有:每个Dom的方法或属性的语法说明,实例演示让您深刻理解每个Dom的方法或属性,每个方法或属性兼容的浏览器以及是否附合W3C标准．并且让每个网友参与到其中,力求集思广益.

Dom 是什么的详细说明

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
Javascript 入门基础学习
Mar 10 Javascript
js中的屏蔽的使用示例
Jul 30 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
vue实现单选和多选功能
Aug 11 Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
Javascript类库的顶层对象名用户体验分析
Oct 24 #Javascript
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 #Javascript
javascript 隔行换色函数代码
Oct 24 #Javascript
JavaScript类库D
Oct 24 #Javascript
一个简单的JavaScript数据缓存系统实现代码
Oct 24 #Javascript
Javascript 类型转换方法
Oct 24 #Javascript
js创建对象的几种常用方式小结(推荐)
Oct 24 #Javascript
安健(1) 德劲1102(1) RP2100(1) SHARP(1) A254(1) GF515(1) 德劲1107(1) PL550(1) SRF-M100(1) 乐信(1)
You might like
php初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
深入讲解PHP Session及如何保持其不过期的方法
2015/08/18 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
两个JavaScript jsFiddle JSBin在线调试器
2010/03/14 Javascript
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
Javascript学习笔记之 对象篇（一） : 对象的使用和属性
2014/06/24 Javascript
Javascript缓存API
2016/06/14 Javascript
原生JS封装ajax 传json，str，excel文件上传提交表单(推荐)
2016/06/21 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
jquery实现（textarea）placeholder自动换行
2016/12/22 Javascript
Bootstrap源码解读媒体对象、列表组和面板（10）
2016/12/26 Javascript
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
python 系统调用的实例详解
2017/07/11 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
Python函数和模块的使用总结
2019/05/20 Python
python Matplotlib数据可视化（2）：详解三大容器对象与常用设置
2020/09/30 Python
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
Belle Maison倍美丛官网：日本千趣会旗下邮购网站
2016/07/22 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
党支部特色活动方案
2014/08/20 职场文书
与美同行演讲稿
2014/09/13 职场文书
党员民主生活会对照检查材料思想汇报
2014/09/28 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python