什么是DOM(个人理解)
了解DOM需要清楚几个问题:
- 什么是DOM?
- DOM可以用来干什么?
- DOM是怎么来的?
- 怎么使用DOM?
什么是DOM?
DOM(document Object Model),是针对HTML和XML的API。 可以理解为DOM就是一系列功能集合。DOM可以用来干什么?
理解了DOM是API,就知道它就是一些功能,通过这些功能可以对HTML文档进行动态操作,从而实现许多动态交互效果。DOM是怎么来的?
回答这个问题需要追溯到1990年代后期微软与Netscape的‘浏览器大战’。怎么使用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(个人理解)相关推荐
- Shadow DOM的理解
Shadow DOM的理解 Shadow DOM是HTML的一个规范,其允许在文档document渲染时插入一颗DOM元素子树,但是这棵子树不在主DOM树中,Shadow DOM如果按照英文翻译的话可 ...
- React虚拟DOM的理解
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲 ...
- Vue中虚拟DOM的理解
Vue中虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲染操作使这 ...
- 对html dom理解,对dom的理解
[bigdata] hadoop 参数配置解析 ResourceManager相关配置参数 yarn-site.xml 中配置 yarn.resourcemanager.address Resourc ...
- 【JavaScript总结】JavaScript语法基础:DOM
->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...
- html5中的dom中的各种节点的层次关系是怎样的
html5中的dom中的各种节点的层次关系是怎样的 一.总结 一句话总结:Node节点是所有节点的基类,所以都继承它的方法 1.dom提供在js中动态修改html标签的作用 比如增加修改标签等,并且是 ...
- DOM 之通俗易懂讲解
DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的"遗忘"了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或 ...
- XML的四种解析器(dom,sax,jdom,dom4j)原理及性能比较
6月20日 XML的四种解析器(dom,sax,jdom,dom4j)原理及性能比较 1:DOM DOM 是用与平台和语言无关的方式表示 XML 文档的官方 W3C 标准.DOM 是以层次结 ...
- ie插件获取dom_读书笔记《DOM编程艺术》DOM
DOM的理解 1.1 D:当创建了一个网页并把它加载到Web浏览器中时,DOM就生成了,它将我们编写的网页文档转换成一个文档对象. 1.2 O:"对象"是一种自足的数据集合,相关联 ...
最新文章
- 亲测可以使用的:Maven将中央仓库修改为阿里云的maven仓库
- 【周末阅读】人工智能时代基础数据服务大有可为
- vrrp广播风暴_企业园区网MSTP+VRRP组合
- Go 语言web 框架 Gin 练习5
- deebot扫地机器人怎么清洁_扫地机器人清洁力拼杀,科沃斯机器人DEEBOT N3与小米1S对比评测...
- 《前端工程化体系设计与实践》-笔记
- 时间序列异常检测机制的研究
- oracle 取记录最大的那条记录_新记录!国内跨高速铁路最大、吊装高度最高的钢横梁顺利吊装到位...
- 95-130-022-源码-source-基于socket的source源码分析SocketTextStreamFunction
- ios 短信验证码自动填充时总是被复制两遍
- pyqt,Qt Designer 界面布局子窗口可移动
- 做了n年程序猿,才知道电脑是这样工作的
- 操作~拷贝clone()
- MathorCup数模竞赛,为你的保研之路添砖加瓦~
- Visio直角连接线增加直角拐弯
- apkg格式怎么打开_jpg怎么转换成pdf?再不学就晚了
- 微信群总是有人发广告?看我用Python写一个自动化机器人消灭他!
- 【实用算法教学】——教你如何用转换器抽取电影,音乐甚至是比赛等特征
- 惊艳的基于nodejs的实时Web开发框架Meteor介绍
- 参数校验@Valid
热门文章
- kerberos mysql配置_CDH安装之篇四:启用Kerberos认证
- Linux:error while loading shared libraries: /usr/lib/xx.so.xx: file too short
- 树模型与python实现
- C++20 标准正式发布
- Python:实现graham scan葛立恒扫描法算法(附完整源码)
- VMware虚拟机中没有VMnet0的解决办法
- Jacobi迭代法的matlab程序(《数值分析原理》)
- 2nd homework of OS
- java预研项目_缓存java框架技术预研3:JAVA缓存技术介绍
- YOLO v4 糅合方法记录