了解DOM需要清楚几个问题:

  1. 什么是DOM?
  2. DOM可以用来干什么?
  3. DOM是怎么来的?
  4. 怎么使用DOM?

  1. 什么是DOM? 
    DOM(document Object Model),是针对HTML和XML的API。 可以理解为DOM就是一系列功能集合。

  2. DOM可以用来干什么? 
    理解了DOM是API,就知道它就是一些功能,通过这些功能可以对HTML文档进行动态操作,从而实现许多动态交互效果。

  3. DOM是怎么来的? 
    回答这个问题需要追溯到1990年代后期微软与Netscape的‘浏览器大战’。

  4. 怎么使用DOM? 
    通过javascript对HTML DOM进行访问。 
    HTML DOM将html元素定义为对象,API以对象方法和对象属性的形式实现。 
    可直接调用DOM实现的方法,进行DOM操作,例如:

    getElementById() 
    返回带有指定 ID 的元素。 
    getElementsByTagName() 
    返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 
    getElementsByClassName() 
    返回包含带有指定类名的所有元素的节点列表。 
    appendChild() 
    把新的子节点添加到指定节点。 
    removeChild() 
    删除子节点。 
    replaceChild() 
    替换子节点。 
    insertBefore() 
    在指定的子节点前面插入新的子节点。 
    createAttribute() 
    创建属性节点。 
    createElement() 
    创建元素节点。 
    createTextNode() 
    创建文本节点。 
    getAttribute() 
    返回指定的属性值。 
    setAttribute() 
    把指定属性设置或修改为指定的值。

转载至 https://blog.csdn.net/makel12/article/details/51193520

看完以上的文章后,对dom的理解加上几点

我们以后把dom理解成map,实际中的地图,用专业术语将就是树的节点

操作dom也就是操作树的节点,这样子解释更加白话,对刚学的朋友应该更能理解

什么是DOM(个人理解)相关推荐

  1. Shadow DOM的理解

    Shadow DOM的理解 Shadow DOM是HTML的一个规范,其允许在文档document渲染时插入一颗DOM元素子树,但是这棵子树不在主DOM树中,Shadow DOM如果按照英文翻译的话可 ...

  2. React虚拟DOM的理解

    React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲 ...

  3. Vue中虚拟DOM的理解

    Vue中虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲染操作使这 ...

  4. 对html dom理解,对dom的理解

    [bigdata] hadoop 参数配置解析 ResourceManager相关配置参数 yarn-site.xml 中配置 yarn.resourcemanager.address Resourc ...

  5. 【JavaScript总结】JavaScript语法基础:DOM

    ->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...

  6. html5中的dom中的各种节点的层次关系是怎样的

    html5中的dom中的各种节点的层次关系是怎样的 一.总结 一句话总结:Node节点是所有节点的基类,所以都继承它的方法 1.dom提供在js中动态修改html标签的作用 比如增加修改标签等,并且是 ...

  7. DOM 之通俗易懂讲解

    DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的"遗忘"了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或 ...

  8. XML的四种解析器(dom,sax,jdom,dom4j)原理及性能比较

    6月20日 XML的四种解析器(dom,sax,jdom,dom4j)原理及性能比较  1:DOM     DOM 是用与平台和语言无关的方式表示 XML 文档的官方 W3C 标准.DOM 是以层次结 ...

  9. ie插件获取dom_读书笔记《DOM编程艺术》DOM

    DOM的理解 1.1 D:当创建了一个网页并把它加载到Web浏览器中时,DOM就生成了,它将我们编写的网页文档转换成一个文档对象. 1.2 O:"对象"是一种自足的数据集合,相关联 ...

最新文章

  1. 亲测可以使用的:Maven将中央仓库修改为阿里云的maven仓库
  2. 【周末阅读】人工智能时代基础数据服务大有可为
  3. vrrp广播风暴_企业园区网MSTP+VRRP组合
  4. Go 语言web 框架 Gin 练习5
  5. deebot扫地机器人怎么清洁_扫地机器人清洁力拼杀,科沃斯机器人DEEBOT N3与小米1S对比评测...
  6. 《前端工程化体系设计与实践》-笔记
  7. 时间序列异常检测机制的研究
  8. oracle 取记录最大的那条记录_新记录!国内跨高速铁路最大、吊装高度最高的钢横梁顺利吊装到位...
  9. 95-130-022-源码-source-基于socket的source源码分析SocketTextStreamFunction
  10. ios 短信验证码自动填充时总是被复制两遍
  11. pyqt,Qt Designer 界面布局子窗口可移动
  12. 做了n年程序猿,才知道电脑是这样工作的
  13. 操作~拷贝clone()
  14. MathorCup数模竞赛,为你的保研之路添砖加瓦~
  15. Visio直角连接线增加直角拐弯
  16. apkg格式怎么打开_jpg怎么转换成pdf?再不学就晚了
  17. 微信群总是有人发广告?看我用Python写一个自动化机器人消灭他!
  18. 【实用算法教学】——教你如何用转换器抽取电影,音乐甚至是比赛等特征
  19. 惊艳的基于nodejs的实时Web开发框架Meteor介绍
  20. 参数校验@Valid

热门文章

  1. kerberos mysql配置_CDH安装之篇四:启用Kerberos认证
  2. Linux:error while loading shared libraries: /usr/lib/xx.so.xx: file too short
  3. 树模型与python实现
  4. C++20 标准正式发布
  5. Python:实现graham scan葛立恒扫描法算法(附完整源码)
  6. VMware虚拟机中没有VMnet0的解决办法
  7. Jacobi迭代法的matlab程序(《数值分析原理》)
  8. 2nd homework of OS
  9. java预研项目_缓存java框架技术预研3:JAVA缓存技术介绍
  10. YOLO v4 糅合方法记录