前端笔试题整理——dom节点查找

最新推荐文章于 2023-10-25 11:10:20 发布
VIP文章 最新推荐文章于 2023-10-25 11:10:20 发布
阅读量113 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33172017/article/details/115505188
版权

前端笔试题整理——dom节点查找

题目描述：查找两个节点的最近的一个共同父节点，可以包括节点自身

输入描述：oNode1 和 oNode2 在同一文档中，且不会为相同的节点

解题思路：一共分为3种情况讨论

  • 1是2的父节点，直接返回1
  • 2是1的父节点，直接返回2
  • 都不是，则对1和2的父节点进行递归

原生JS中的contains方法不同于java,它并不是字符串方法，仅用于判断DOM元素的包含关系，参数是Element类型。

function commonParentNode(oNode1, oNode2) {
   
    if(oNode1.contains(oNode2
最低0.47元/天 解锁文章
suuuuuki98
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js代码-查找两个节点的最近的一个共同父节点，可以包括节点自身 oNode1 和 oNode2 在同一文档中，且不会为相同的节点
07-14
js代码-查找两个节点的最近的一个共同父节点，可以包括节点自身 oNode1 和 oNode2 在同一文档中，且不会为相同的节点
【JavaScript】牛客编程：查找两个节点的最近的一个共同父节点，可以包括节点自身
AC_greener的博客
10-27 878
思路：使用递归的思路往上查找，找到一个节点的父节点，看他是否包含另一个DOM节点 function commonParentNode(oNode1, oNode2) { for(; ; oNode1 = oNode1.parentNode) { if(oNode1.contains(oNode2)) { return oNode1 }...
查找2个dom节点的最近的共同父元素
sunnyjingqi的博客
10-25 108
自定义一个函数，参数为两个节点，一直进行while循环，查找oNode1节点的父节点，如果查找到的父节点包含oNode2节点，则打破该循环，将该父节点输出出去，这样就能获取到这两个节点最近的一个共同父节点。JavaScript的 contains 方法是用来查看dom元素的包含关系。* 查找两个节点的最近的一个共同父节点，可以包括节点自身。
DOM的五道面试题
guchiccc的博客
12-30 1318
1. 在一个 DOM 上同时绑定两个点击事件：一个用捕获，一个用冒泡。事件会执行几次，先执行冒泡还是捕获？ 该 DOM 上的事件如果被触发，会执行两次（执行次数等于绑定次数） 如果该 DOM 是目标元素，则按事件绑定顺序执行，不区分冒泡/捕获 如果该 DOM 是处于事件流中的非目标元素，则先执行捕获，后执行冒泡 2.attribute 和 property 的区别是什么？ attribute 是 dom 元素在文档中作为 html 标签拥有的属性； proper...
JS和DOM操作面试笔试题，一不小心就被套路了—Node的三大属性
zhangli2513的博客
09-04 5097
WEB前端考试题考试时间：1小时30分钟 每题3分，共40题，共计120分JavaScript部分 1. var arr1 = [10, 20]; arr1.push(30,40); arr1.pop(); arr1.push([50,60]); arr1.pop(); console.log(arr1.toString( A )); A.10
前端笔试题整理(附答案)2021 pdf.pdf
12-14
前端笔试题整理(附答案)2021 pdf.pdf
JS前端笔试题分析
11-29
本文实例分析了JS前端笔试题。分享给大家供大家参考，具体如下： 1.如何根据逗号分隔的字符串创建数组呢？请为下面的字符串创建一个数组，并访问第三个元素：”cats,dogs,birds,horses” 知识点：数组和字符串的转换...
2022前端笔试题 - javascript.pdf
12-14
2022前端笔试题 - javascript.pdf
web前端笔试试题(答案).pdf
12-14
web前端笔试试题(答案).pdf
web前端笔试题面试题汇总+前端优化总结
07-10
web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题...
js 查找两个节点的最近的一个共同父节点，可以包括节点自身
LYR 的博客
11-03 762
查找两个节点的最近的一个共同父节点，可以包括节点自身 输入描述: oNode1 和 oNode2 在同一文档中，且不会为相同的节点 function commonParentNode(oNode1, oNode2) { if(oNode1.contains(oNode2)) { return oNode1 }else if(oNode2.contains(oNode1)) return oNode2; return oNode1.parentNode; } ..
DOM面试题练习
huyao的博客
07-17 2973
题目一：要求点击任何一个元素，返回它在事件冒泡时所经过的元素 阿里实习生网上测试题目，当初看着学姐做的 如果元素有id，那么打印id 如果有className，那么打印className 否则打印小写标签名 例如：点击li时，返回：html body #page .content.main .refer ul li <div id="page"> <div ...
DOM面试题
ruantianqing的博客
02-24 205
必考：事件委托 DOM 曾考：用 mouse 事件写一个可拖曳的 div 链接
【前端笔试】原始JS对DOM对象的操作：增删改查插
前端之路
09-21 1986
看书、看控制台、看文档一点点总结的~有疏忽的地方，请不吝赐教~1. 增创建元素节点 ：document.createElement(“div”); 创建text节点 ：document.createTextNodet(“内容”); 复制一个节点： var newNode = node.cloneNode();//参数为true复制所有子节点，参数为false只执行一次浅复制。2. 删remove
查找两个节点的最近的一个共同父节点，可以包括节点自身
dujiaoshou_bll的博客
02-19 583
查找两个节点的最近的一个共同父节点，可以包括节点自身 描述: oNode1 和 oNode2 在同一文档中，且不会为相同的节点 解决方法（递归&contains）： function commonParentNode(oNode1, oNode2) { if(oNode1.contains(oNode2)){ return oNode1; }els...
2021-09-30 前端编程题：查找两个节点的最近的一个共同父节点,可以包括节点自身。
Jiang Xue在努力
09-30 56
function commonParentNode(oNode1, oNode2) { while(true) { oNode1 = oNode1.parentNode; if (oNode1.contains(oNode2)){ return oNode1; break; } } }
JavaScript -- dom节点查找
sanjun_done的博客
03-16 262
题目描述 查找两个节点的最近的一个共同父节点，可以包括节点自身 输入描述: 由题可知：oNode1和oNode2 在同一文档中，可存在的父节点关系有三种。分别是： 1、同一个直接父节点 2、oNode1包含oNode2，即oNode1为最近的一个共同父节点 3、oNode1、oNode2并不互相包含 方法一：将三种情况一一列出，并返回值 function commonParentNode(oNode1, oNode2) { if(oNode1.parentNode == oNode2.
Javascript练习——寻找最近共同父节点
一个憨憨的前端之路
09-08 503
题目：   查找两个节点的最近的一个共同父节点 题目描述   查找两个节点的最近的一个共同父节点，可以包括节点自身 输入描述:   oNode1 和 oNode2 在同一文档中，且不会为相同的节点 function commonParentNode(oNode1, oNode2) { if (oNode1.contains(oNode2)) { return oNode1; } else { return commonParentNode(oNode1.parentNode, oNode2);
查找两个节点的最近一个共同父节点，可以包括节点自身 -----面试编程题
二三的博客
03-10 462
面试编程题总结: 查找两个节点的最近的一个共同父节点，可以包括节点自身 代码如下： function commonParentNode(oNode1, oNode2) { while(true) { oNode1 = oNode1.parentNode; if (oNode1.contains(oNode2)){ return oNode1; break; } } } 代码思路理解： 自定义一个函数，参数为两个节点
web前端笔试题下载
最新发布
01-28
2. 加入相关的学习社区或论坛：在web前端学习的社区或论坛中，常会有其他前端开发者分享自己整理的笔试题资源，可以通过加入这些社区或论坛，下载他们提供的笔试题。 3. 参考书籍或教程：很多web前端的教程或书籍中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值