前端挑战之js编程题(1)
2017-07-07 11:47
211 查看
题目要求:
查找两个节点的最近的一个共同的父节点,可以包括节点自身。
思路:
看到题目要求,首先应该想到有三种情况,有两个节点,dom1和dom2:
1、dom1为dom2的最近父节点,判断dom1是否包含dom2节点,包含则返回dom1,不包含继续向下运行。
2、dom2为dom1的最近父节点,判断dom2是否包含dom1节点,包含则返回dom2,不包含继续向下运行。
3、dom1和dom2在同一层,判断dom1和dom2是否在同一层,若是则返回其中一个节点的父节点。
方案:
function commonParentNode(oNode1, oNode2) {
if(oNode1.contains(oNode2))
return oNode1;
else if(oNode2.contains(oNode1))
return oNode2;
else
return oNode1.parentNode;
}
查找两个节点的最近的一个共同的父节点,可以包括节点自身。
思路:
看到题目要求,首先应该想到有三种情况,有两个节点,dom1和dom2:
1、dom1为dom2的最近父节点,判断dom1是否包含dom2节点,包含则返回dom1,不包含继续向下运行。
2、dom2为dom1的最近父节点,判断dom2是否包含dom1节点,包含则返回dom2,不包含继续向下运行。
3、dom1和dom2在同一层,判断dom1和dom2是否在同一层,若是则返回其中一个节点的父节点。
方案:
function commonParentNode(oNode1, oNode2) {
if(oNode1.contains(oNode2))
return oNode1;
else if(oNode2.contains(oNode1))
return oNode2;
else
return oNode1.parentNode;
}
相关文章推荐
- 前端挑战之js编程题(1)
- 前端挑战之js编程题(2)
- JS前端笔试编程题(1)
- [前端优化]使用Combres合并对js、css文件的请求
- 前端开发必须知道的JS之原型和继承
- 有用的js前端代码
- js前端验证脚本
- 前端开发必须知道的JS之原型和继承
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- 构建前端MVC,seajs,underscore.js,backbone.js 等琐碎的其他
- 前端开发JS、CSS的一些用法积累()
- 招网站前端技术人才(专长css,xhtml,js)
- 指尖下的js ——多触式web前端开发之二:处理简单手势
- 前端js中解析XML文件(一)
- 指尖下的js —— 多触式web前端开发之三:处理复杂手势
- JSConf 2010 (三):Raphaël、优化前端性能
- 前端开发必须知道的JS(一) 原型和继承(转)
- 前端开发必须知道的JS之闭包及应用
- 前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态
- 在线调试和演示的前端开发工具 - jsFiddle