首页
所有分类
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 相关文章推荐
关于恒等于（===）和非恒等于（!==）
Aug 20 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
jQuery图片轮播功能实例代码
Jan 29 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 Javascript
安装多版本Vue-CLI的实现方法
Mar 24 Javascript
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
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
tabBar(1) SpringBoot(22) capture(1) uniapp(4) self(1) JSON(10) element-china-area-data(1) MybatisPlus(2) Normal From(1) Flutter(2)
You might like
Cappuccino 卡布其诺咖啡之制作
2021/03/03 冲泡冲煮
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
javascript实现的listview效果
2007/04/28 Javascript
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
2011/09/20 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
Vue 列表页带参数进详情页的操作(router-link)
2020/11/13 Javascript
使用Python求解最大公约数的实现方法
2015/08/20 Python
python爬虫入门教程--优雅的HTTP库requests（二）
2017/05/25 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
基于Python爬取爱奇艺资源过程解析
2020/03/02 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
英国汽车零件购物网站：GSF Car Parts
2019/05/23 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
小学生防溺水广播稿
2014/01/12 职场文书
食品安全责任书
2014/04/15 职场文书
赔偿协议书范本
2014/04/15 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
通知的写法
2015/04/23 职场文书
行政撤诉申请书
2015/05/18 职场文书
Golang中异常处理机制详解
2021/06/08 Golang
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python
详解Mysql事务并发（脏读、不可重复读、幻读）
2022/04/29 MySQL
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python