博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
操作Dom中父子元素与兄弟元素
阅读量:5462 次
发布时间:2019-06-16

本文共 714 字,大约阅读时间需要 2 分钟。

Dom的childNodes可以得到当前Dom的直接所有子元素

但是中间可能会有空格,如FF,Chrome,在使用前需要先过滤掉空格元素

function Del_spaceChild(elem) { //过滤空格的函数        var elem_child = elem.childNodes; //获取所有子元素        for (var i = 0; i < elem_child.length; i++) {            //如果是文本节点,并且内容只包含空格则删除该节点            if (elem_child[i].nodeName == "#text" && !/\S/.test(elem_child[i].nodeValue)) {                elem.removeChild(elem_child[i]); //如果该元素为空格则删除            }        }    }    //使用方法    var parentDom = document.getElementById("tt");    Del_spaceChild(parentDom);    alert(parentDom.childNodes.length);

Dom的previousSibling和nextSibling可以得到前一个或后一个相邻元素,如果已经是最后一个,则返回null

Dom的parentNode可以得到父元素

转载于:https://www.cnblogs.com/FlyCat/archive/2012/07/01/2572204.html

你可能感兴趣的文章
Pandas选择数据
查看>>
poj2411铺砖——状压DP
查看>>
python3 不知文件编码情况下打开文件代码记录
查看>>
打开eclipse出现JVM terminated.Exit Code=-1错误的解决办法
查看>>
SSH连接时出现Host key verification failed的原因及解决方法【转载】
查看>>
2017.6.7
查看>>
7. 炒股怎么看盘
查看>>
【采集层】Kafka 与 Flume 如何选择(转)
查看>>
【BZOJ1803】Spoj1487 Query on a tree III 主席树+DFS序
查看>>
jQuery 遍历 - map() 方法
查看>>
jQuery事件绑定、解绑、命名空间
查看>>
C#类,对象,构造方法
查看>>
学习笔记: AOP面向切面编程和C#多种实现
查看>>
学习笔记: 特性Attribute详解,应用封装
查看>>
java的垃圾回收方法finalize()
查看>>
Android NDK构建资料
查看>>
Linux搭建Scrapy爬虫集成开发环境
查看>>
LeetCode(21)题解:Merge Two Sorted Lists
查看>>
Ubuntu 16.04 samba 配置
查看>>
Python——文件操作
查看>>