JavaScript文档对象模型DOM节点操作之兄弟节点（4）

示例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div>我是div</div><span>我是span</span><script>//获取元素对象var div = document.querySelector('div');console.log(div.nextSibling);  //获取指定节点的下一个兄弟节点console.log(div.previousSibling);  //获取指定节点的上一个兄弟节点//下面两种可以直接获取上一个兄弟元素节点和下一个兄弟元素节点，// 但是兼容性不友好，只支持ie9版本以上console.log(div.nextElementSibling);console.log(div.previousElementSibling); </script></body>
</html>

JavaScript文档对象模型DOM节点操作之兄弟节点（4）相关推荐

javaScript文档对象模型DOM
文档对象模型DOM 文档对象模型(document object model) 有一个表格,点击添加按钮添加事件 DOM中的属性和方法的理解 DOM中属性的操作: 属性映射表文档对象模型(docum ...
JavaScript文档对象模型DOM节点操作之父节点和子节点（2）
1.父节点示例代码: <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
JavaScript文档对象模型DOM节点操作之复制节点（7）
示例代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title& ...
JavaScript文档对象模型DOM节点操作之删除节点（6）
removeChild方法只能删除当前节点的子节点效果展示: 示例展示: <!DOCTYPE html> <html><head><meta charset ...
JavaScript文档对象模型DOM节点操作之创建和添加节点（5）
得出结论:创建元素节点后,必须要把刚创建的元素节点添加到相应的元素下,否则不会在页面出现示例代码: <!DOCTYPE html> <html><head>< ...
JavaScript文档对象模型DOM节点操作之第一个子元素和最后一个子元素（3）
推荐使用解决方案的方法,实际开发用的就是这种方法示例代码: <!DOCTYPE html> <html><head><meta charset=" ...
JavaScript文档对象模型DOM节点概述（1）
文档对象模型DOM（获取元素节点、设置节点属性）
练习题: 制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点 ...
JavaScript编程：文档对象模型DOM
5.文档对象模型DOM JS里的DOM和XML里的DOM不同,但是解析方式是一样的. document.getElementByID("id")根据ID获得元素节点. 创建和操作节 ...

JavaScript文档对象模型DOM节点操作之兄弟节点（4）

JavaScript文档对象模型DOM节点操作之兄弟节点（4）相关推荐

最新文章

热门文章