原生JS判断两个元素是否为兄弟节点

一个很简单的方法，分别获取两个元素的父节点，判断父节点是否相同，代码如下：
HTML：

<div id="one"><p id = "p1" class="p1">Hello world!</p><p id = "p2" class="p2">Hi I am Lily~~~</p></div>

JavaScript：

function isSiblilngNode(element,siblingNode){if(element.parentNode == siblingNode.parentNode){return true;}else{return false;}}var cc = document.getElementById("p1");var dd = document.getElementById("p2");var div = document.getElementById("one");console.log(isSiblilngNode(cc,dd));//->trueconsole.log(isSiblilngNode(cc,div));//->false

我不确定这个方法是否有失偏颇，试了其它的，例如把if括号里的语句换成：
element.parentNode.hasChildNodes(siblingNode);
但是判断结果永远是true，我不知道为什么，有懂的大牛如果可以的话，麻烦给讲一下，谢谢。

原生JS判断两个元素是否为兄弟节点相关推荐

原生js实现给指定元素的后面追加内容
参考链接:http://www.jb51.net/article/35412.htm 原生js实现给指定元素的后面追加内容 var header1 = document.getElementById( ...
原生js判断css动画结束 css 动画结束的回调函数
原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,Jav ...
html——原生js与jquery创建元素节点区别
学习完静态样式之后开始学习动态创建添加html元素,总结了下原生js与jquery生成元素区别. 1.javascript创建元素创建select var select = document.cre ...
js 判断两个时间相差多少月_js对日期操作获取两个日期的相差是否在几月之内...
一.js判断两个日期是否在几个月之内 //比较两个时间 time1,time2均为日期类型 //判断两个时间段是否相差 m 个月 function completeDate(time1 , time2 ...
原生js判断iPhoneX系列手机型号
#原生js判断iPhoneX系列手机型号 static isIphone() {return /iphone/gi.test(window.navigator.userAgent)}static is ...
jquery 获取当前元素的前一个兄弟节点元素
jquery 获取当前元素的前一个兄弟节点元素,可以使用 prev() 方法示例代码 <!DOCTYPE html> <html><head><meta ...
原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法
1. 添加新元素动态添加新元素 Coffee Tea Coffee Tea var child = document.getElementsByClassName("child" ...
原生js追加html代码,原生js实现给指定元素的后面追加内容
复制代码代码如下: var header1 = document.getElementById("header"); var p = document.createElement ...
vue 判断字符串是否是英文_vue rules以及原生js判断字符串是否为正整数(正小数)...
1.在vue中使用rules形式进行校验 1.首先在vue文件的methods()中添加校验方法,这里校验方法命名为isNumber用自带的.test方法进行正则校验 methods: { isNu ...
原生js快速查找指定元素
虽然已经很少有原生js写项目,不过有些组件任然使用js,原生js有一个非常麻烦的问题就是查找元素,写class怕准确度底,id总不不能写一大堆,又不想引用jquery className:id,cla ...

原生JS判断两个元素是否为兄弟节点

原生JS判断两个元素是否为兄弟节点相关推荐

最新文章

热门文章