DOM ------ 兄弟节点

兄弟节点

nextSibling: 下一个兄弟节点(包括元素节点和文本节点)
previousSibling: 上一个兄弟节点(包括元素节点和文本节点)

previousElementSibling: 下一个兄弟元素节点(元素节点)(IE9+)
previousElementSibling: 上一个兄弟元素节点(元素节点)(IE9+)

		//html代码
		<div>我是div</div>
	    <span>我是span</span>
	    //js代码
	    var div = document.querySelector('div')
	    // 1. nextSibling 下一个兄弟节点 包含元素节点 或者 文本节点等等
        console.log(div.nextSibling); //#text
        // previousSibling 上一个兄弟节点 包含元素节点 或者 文本节点等等
        console.log(div.previousSibling); //#text
        // 2.nextElementSibling 下一个兄弟元素节点 IE9+
        console.log(div.nextElementSibling); //<span>我是span</span>
        // previousElementSibling 上一个兄弟元素节点 IE9+
        console.log(div.previousElementSibling); //null

nextElementSibling 和 previousElementSibling 适用于IE9+的版本, 注意兼容性问题

不积跬步无以至千里 不积小流无以成江海

标签：IE9,DOM,元素,兄弟,previousElementSibling,------,div,节点
来源： https://blog.csdn.net/qq_45902692/article/details/122838299