子节点的操作
来源:互联网 发布:网络磕是什么意思 编辑:程序博客网 时间:2024/05/30 23:47
描述:开始、最后、前一、后一节点操作
开始节点: firstElementChild、firstChild
最后节点: lastElementChild、lastChild
下一节点: nextElementSibling、nextSibling
上一节点: previousElementSibling、previousSibling
(注意:前者在IE6~IE8不支持并且只获取元素节点,后者会获取文本节点,所以设计程序时要作处理)
开始节点: firstElementChild、firstChild
最后节点: lastElementChild、lastChild
下一节点: nextElementSibling、nextSibling
上一节点: previousElementSibling、previousSibling
(注意:前者在IE6~IE8不支持并且只获取元素节点,后者会获取文本节点,所以设计程序时要作处理)
操作:函数封装,鼠标移动背景色:蓝红蓝走动
兼容性代码,首先需要判断是否存在首节点,尾节点
function firstNode(obj){
//兼容
if (!obj.firstChild) {
return false;
}
return obj.firstElementChild||obj.firstChild;
}
function lastNode(obj){
if (!obj.lastChild) {
return false;
}
return obj.lastElementChild || obj.lastChild;
}
function preNode(obj){
if (!obj.previousSibling) {
return false;
}
return obj.previousElementSibling ||(obj.previousSibling.nodeType==1?obj.previousSibling:preNode(obj.previousSibling));
}
function nextNode(obj){
if (!obj.nextSibling) {
return false;
}
return obj.nextElementSibling ||(obj.nextSibling.nodeType==1?obj.nextSibling:nextNode(obj.nextSibling));
}
0 0
- 子节点的操作
- ztree操作子节点 子节点的子节点
- cocos2d-x 子节点转换父节点之间的操作
- xml操作(二)添加xml节点的子节点
- w3c子节点操作
- js对节点的操作,添加,删除,获得父节点,子节点,兄弟节点
- DOM 子节点操作 1
- asp操作xml,添加新的子节点和属性
- 对大量子节点DOM操作的最佳实践方式
- 使用js操作子页面iframe内的元素节点
- xml操作(三)添加xml节点的子节点(针对上节的改进)
- 带CheckBox选择框的TreeView的初始化,TreeView客户端操作:选择父节点后自动选择所有子节点,子节点选择后自动选择父节点
- Extjs4中tree组件子节点和父节点的级联操作
- TreeView的一些操作(选中子节点和父节点)
- 二叉树的定义,节点的增删改查以及父节点、子节点的各种操作。
- treeview添加指定节点的子节点
- 读取XML子节点的若干节点
- 父节点获取子节点的字符串
- 不行诡诈
- 学习spring mvc 一
- 完成程序设计课程的大作业,用python写的简单的股票交易系统
- [绍棠] iOS10新特性
- ionic开发——环境搭建
- 子节点的操作
- struct与union求大小的区别
- MFC+opencv实现摄像头的打开与关闭
- 第七章:sparse kernel machines exercises 1-11
- JAVA调用数据库存储过程
- Jersey框架一:Jersey RESTful WebService框架简介
- 用LaTeX命令编译dvi,用Yap浏览的时候弹出对话框,且无法显示图片
- 排名前 100 的 Android 开源库进行简单的介绍
- 生命的光