摘要:最近在找春季实习生工作,为了准备实习面试笔试,开通属于自己的专栏来记录自己的学习过程,同时也是为了检验自己是否真正的理解了学习的知识点。一概念今天学习的是中的操作。二节点在中节点包括以下几种元素节点文本节点属性节点。
最近在找春季实习生工作,为了准备实习面试笔试,开通属于自己的专栏来记录自己的学习过程,同时也是为了检验自己是否真正的理解了学习的知识点。
一、DOM概念
今天学习的是JavaScript中的DOM操作。说起DOM操作,首先我们需要知道什么是DOM,DOM也叫文档对象模型,其中D代表的是Document,即文档;O代表的是Object,即对象;M代表的是model,即模型。
所谓模型,其实就是某种事物的表现形式,就像是一个火车模型代表的是真是的火车一样,DOM代表的是加载到浏览器并呈现在用户眼前的网页。DOM把一份文档表示成一棵树,叫做DOM树。既然有了树的概念,那就还有根,父节点,子节点,兄弟节点的概念了。在下面的网页中我们看一个例子:
这是测试例子
- 例子
- 例子
段落测试
以上例子我们可以看到,标签为根标签,接下来
和标签属于的子元素或者是子节点,在标签中,又是的子标签, 中是其子标签,标签中与上面的p标签都是其子元素,而这两者是兄弟元素关系。
以上就是一个典型的文档树关系。
二、节点
在DOM中节点包括以下几种:
元素节点;文本节点;属性节点。
元素节点:
文档树中诸如等叫做元素节点,标签的名字就是元素的节点名字;
文本节点:
上面说的元素节点是一种结构节点,如果一个文档中全部是元素节点则不会显示任何内容,网页中的大部分的内容都是通过文本节点展现出来的。文本节点总是包含在元素节点内部。
属性节点:
属性节点用来对元素做出更加详细的描述。几乎每个元素节点都会有一个title属性,用来描述该元素节点是用来干什么的。
三、DOM的相关操作
1、获取元素
获取元素有三种方法可以获得:
(1)getElementById()该方法接收一个参数,这个参数是元素的id属性值,该方法返回一个id属性值为相应值的元素对象
(2)getElementByTagName()改方法也接收一个参数,参数为元素名称,该方法返回的是一个对象数组。即使匹配的元素只有一个同样也会是数组类型,只是数组长度为1。
(3)getElementByClass()该方法接收一个参数,即元素属性为class的值,该方法也返回一个数组。
未完待续文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/79159.html
相关文章
javascript高级学习总结(二)
摘要:那个率先改变的实例的返回值,就会传递给的回调函数。函数对函数的改进,体现在以下四点内置执行器。进一步说,函数完全可以看作多个异步操作,包装成的一个对象,而命令就是内部命令的语法糖。中的本质就是没有的隐藏的组件。 1、原型 - jquery使用showImg(https://segmentfault.com/img/bVbwNcY?w=692&h=442);注释 : 实例虽然不同,但是构...
JS中DOM操作总结
摘要:最近在找春季实习生工作,为了准备实习面试笔试,开通属于自己的专栏来记录自己的学习过程,同时也是为了检验自己是否真正的理解了学习的知识点。一概念今天学习的是中的操作。二节点在中节点包括以下几种元素节点文本节点属性节点。 最近在找春季实习生工作,为了准备实习面试笔试,开通属于自己的专栏来记录自己的学习过程,同时也是为了检验自己是否真正的理解了学习的知识点。 一、DOM概念 今天学习的是Ja...
vue常用知识点总结
摘要:这里借鉴了一下的处理方式,我们把单独模块的包装成一个函数,提供一个全局的回调方法,加载完成时候再调用回调函数。 感谢本文引用链接的各位大佬们,小菜鸟我只是个搬运工 1.谈一谈你理解的vue是什么样子的? vue是数据、视图分离的一个框架,让数据与视图间不会发生直接联系。MVVM 组件化:把整体拆分为各个可以复用的个体 数据驱动:通过数据变化直接影响bom展示,避免dom操作。 可以在...
JS基础篇--JS的DOM操作 - 你真的了解吗?
摘要:摘要想稍微系统的说说对于的操作把和常用操作的内容归纳成思维导图方便阅读同时加入性能上的一些问题前言在前端开发的过程中极为重要的一个功能就是对对象的操作无论增删改查在前端页面操作这一范围内都是比较消耗性能的如何高效率的便捷的操作这就是本文要讲 摘要 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题....
发表评论
0条评论
Jacendfeng
男|高级讲师
TA的文章
阅读更多
云主机怎么管理-如何选择云主机部署管理软件?
阅读 1612·2021-09-22 15:21
测试金字塔,你在哪一层?
阅读 2828·2021-09-09 09:32
DogYun:28元/月/1GB内存/10GB SSD空间/500GB流量/50Mbps-100Mb
阅读 2647·2021-09-02 09:52
chorme浏览器记住密码后input黄色背景处理方法总结(三种)
阅读 3232·2019-08-30 14:02
[ 一起学React系列 -- 9 ] React中的文件下载
阅读 2193·2019-08-26 13:25
vue源码解读-Flow
阅读 1426·2019-08-26 13:24
开源免费信息门户框架 Bodhi Portal 发布了!
阅读 1568·2019-08-26 10:31
「HTML5」FileAPI 文件操作实战
阅读 1537·2019-08-26 10:16