DOM面试题 ==

最新推荐文章于 2024-03-21 06:14:18 发布
VIP文章 最新推荐文章于 2024-03-21 06:14:18 发布
阅读量1.5k 收藏 2
点赞数 1
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WLIULIANBO/article/details/110879231
版权

DOM面试题

在这里插入图片描述

DOM

JavaScript操作网页的接口，全称为“文档对象模型(Document Object Model)。 有这几个概念：文档、元素、节点
整个文档是一个文档节点
每个标签是一个元素节点
包含在元素中的文本是文本节点
元素上的属性是属性节点
文档中的注释是注释节点

DOM本质 DOM树：

DOM树是结构，树是由DOM元素和属性节点组成的，DOM的本质是把html结构化成js可以识别的树模型；
有了树模型，就有了层级结构，层级结构是指元素和元素之间的关系父子，兄弟。

下图为html文档：

在这里插入图片描述

OM树形如一颗倒长的树。

它很容易表明家族成员之间的关系，把复杂的关系简明地表示出来
在这里插入图片描述

DOM 节点操作

  • 新增节点
最低0.47元/天 解锁文章
殘血★戰狼王
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery常见面试题之DOM操作详析
12-10
前言 关于JQ的DOM操作面试问题很多，可以从各个点问，所以列举几个常见问题，毕竟面试只是过程，重要的是知识自己掌握了。 面试题一：JQ中html()、text()和val()区别？ 面试题二：JQ中find()、has()和filter()区别？ 面试题三: closet()和parents()区别？ 答案请在文中查找… DOM操作有三类：DOM-core、HTML-DOM 、CSS-DOM 一、插入节点 我们用的最多的就是append和apendTo，其实共有8种方法。 插入节点 二、删除节点 remove() ：删除节点，并删除元素节点绑定的事件。 empty() ：清空节点元素的内
js操作DOM
田兴的博客
10-23 4283
DOM 本质： 浏览器把拿到的html代码，结构化一个浏览器能识别并且js可操作性的一个模型而已 ①获取DOM节点 var div1=document.getElementById(‘div1’)；//元素 var divList=document.getElementsByTagName(‘div’); //集合 console.log(divList.length) console.log(divList[0]) var containerList=document.getElementsB
js DOM，前端面试40题
最新发布
m0_63174529的博客
03-21 794
1.element.属性 获取属性值;2.element.getAttribute(‘属性’);//区别:element.属性 获取内置属性(元素本身自带的属性);element.getAttribute(‘属性’);//主要获取自定义的属性,自己设置的属性目的:为了保存并使用数据,有些数据可以保存页面中而不用保存到数据库中;小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
DOM面试题
HelloGad的博客
01-04 598
1、 封装函数，返回元素e的第n层祖先元素节点 <script> function reParent(elem,n){ while(elem && n){ elem = elem.parentNode; n--; } return elem; } var i =document.getElementsByTagName('i...
DOM面试题-DOM事件流、事件模型
weixin_47032028的博客
09-23 1157
面试题：你知道DOM事件有哪些级别吗？ 面试题：描述一下DOM事件模型和DOM事件流？ 面试题：描述一下DOM事件捕获的具体流程？ 面试题：Event对象有哪些常见应用？你知道什么是自定义事件吗？ 一、DOM事件级别 DOM一共分为4个级别：DOM0级，DOM1级，DOM2和DOM3级。 DOM事件一共分为3个级别：DOM0级事件处理，DOM2级事件处理，DOM3级事件处理。 由于DOM1级并没有规定事件相关内容，所以没有DOM1级事件。 1、DOM0级事件 el.onclick=f.
【面试题】DOM
zx1041561837的博客
11-29 738
本文整理了DOM节点操作、DOM结构操作、DOM性能优化的相关知识。
vue面试题汇总
01-03
操作虚拟dom,节省页面性能。 数据视图相分离。视图可以独立于数据变化和修改，当数据变化的时候视图也可以不变。 便于维护。 2.vue响应式原理 vue的响应式 3.单向数据流和双向数据流 单向数据流：数据流动方向可以...
2019年前端面试题
03-02
2019前端最新面试题，你想要的知识应有尽有，一起学习，共享收货！
Vue面试题.docx
08-05
它通过提供双向数据绑定、组件化开发和虚拟DOM等特点，使得构建现代化的Web应用变得更加容易。 Vue的核心库和Vue的生态系统有什么区别？ 答案：Vue的核心库只包含了Vue的运行时和基本功能。而Vue的生态系统则包含了...
JS面试题--DOM操作相关
一只胖胖胖miao
08-29 1669
（1）在DOM中操作中怎么创建、添加、删除、移除、替换、插入和查找节点 ①通过以下代码创建节点 createDocumentFragment()//创建一个DOM片段 createElement();//创建一个具体的元素 createTextNode();//创建一个文本节点 ②添加、移除、替换、插入节点 appendChild(); removeChild(); replaceCh...
JS-Web-API-DOM面试题
qq_34771938的博客
10-20 335
一、从 JS 基础知识到 JS Web API JS 基础知识，规定语法（ECMA 262 标准）。 JS Web API，网页操作的 API（W3C 标准）。 前者是后者的基础，两者结合才能真正实际应用。 二、DOM 本质 DOM（DocumentObjectModel，文档对象模型）是JavaScript操作HTML文档的接口，使文档操作变得非常优雅、简便。 DOM是JS操控HTML和CSS的桥梁。 DOM最大的特点就是将文档表示为节点树。 DOM是哪种基本的数据结构？ ——...
面试题 DOM 操作
WLIULIANBO的博客
03-21 365
题目 融合识别浏览器的类型 分析拆解 url 各个部分 知识点 navigator screen location history W3C标准没有规定任何js基础相关的东西（变量、原型、作用域、异步）；定义了用于浏览器中js操作页面的API和全局变量 1、DOM 1.1、DOM本质 DOM可理解为：浏览器把拿到的html代码，结构化一个浏览器能识别并且js可操作的一个模型 ######1.2、DOM节点操作 var div1 = document.getElementById('di
js之DOM练习题
weixin_30617797的博客
05-06 1182
<!DOCTYPE html> <html> <!-- 需求: 1.写三个按钮： 第一个全选 第二个取消全选 第三个反选 --> <head lang="en"> <meta charset="UTF-8"> <title&g...
DOM面试题练习
huyao的博客
07-17 2974
题目一：要求点击任何一个元素，返回它在事件冒泡时所经过的元素 阿里实习生网上测试题目，当初看着学姐做的 如果元素有id，那么打印id 如果有className，那么打印className 否则打印小写标签名 例如：点击li时，返回：html body #page .content.main .refer ul li &lt;div id="page"&gt; &lt;div ...
JavaScript操作dom树
goddreamyyh的博客
08-30 403
操作dom树 *appendChild方法 添加子节点到末尾   父节点 调用此方法 特点：类似于剪切的效果 代码： &lt;div id = "div1"&gt;                   &lt;ul id = "ulid"&gt;                           &lt;li&gt;first&lt;/li&gt;                ...
js操作DOM树
qq_46615920的博客
08-07 557
一丶DOM树 DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的：HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树.如下图 二、节点查找(直接查找和间接查找) 直接查找: DOM节点的获取方式其实就是获取事件源的方式 ​ 操作元素节点，必须首先找到该节点。有三种方式可以获取DOM节点： //方式一：通过id获取单个标签 var div1 = docum
js Dom简单练习题
weixin_30404405的博客
07-30 778
一、js Dom简单练习题 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> /* #xianshi{ width: 100px; height: 100px; backg...
DOM的五道面试题
guchiccc的博客
12-30 1322
1. 在一个 DOM 上同时绑定两个点击事件：一个用捕获，一个用冒泡。事件会执行几次，先执行冒泡还是捕获？ 该 DOM 上的事件如果被触发，会执行两次（执行次数等于绑定次数） 如果该 DOM 是目标元素，则按事件绑定顺序执行，不区分冒泡/捕获 如果该 DOM 是处于事件流中的非目标元素，则先执行捕获，后执行冒泡 2.attribute 和 property 的区别是什么？ attribute 是 dom 元素在文档中作为 html 标签拥有的属性； proper...
react 虚拟dom面试题
07-29
- *1* *2* *3* [React面试题（全家桶）](https://blog.csdn.net/qq_40055200/article/details/108549121)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值