## 三、获取兄弟节点的兼容性处理

2022-01-22 110 阅读1分钟

js——节点操作

一、为什么学习节点操作

二、什么是节点

DOM树（节点层级）：常见的是父子兄

所有节点均可被js进行操作，包括：创建节点、删除节点

一般地，节点一般拥有nodeType(节点类型)、nodeName（节点名称）、nodeValue（节点值）

关于nodeType
    元素节点：1
    属性节点：2
    文本节点：3（包含空格、换行、文字等）

实际开发中一般操作元素节点

1.获取兄弟节点

<body>
    <div> 123</div>
    <ul>  456</ul>
</body>
<script>
    var div = document.querySelector('div');
//nextSibling,获取下一个兄弟节点，包括元素或者文本等
    div.nextSibling;//#text
//previousSibling,获取上一个兄弟节点，包括元素或者文本等
    div.previousSibling;//#text\
//nextElementSibling,获取下一个元素节点
//previousElementSibling,获取上一个元素节点
//兼容：IE9以上才能用

</script>

2.解决方法

\