js对节点的操作,添加,删除,获得父节点,子节点,兄弟节点
来源:互联网 发布:崩坏3rd初始号淘宝 编辑:程序博客网 时间:2024/05/16 17:06
<pre name="code" class="javascript">var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点
<pre name="code" class="javascript">JQUERY的父,子,兄弟节点查找方法jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点jQuery.prevAll(),返回所有之前的兄弟节点jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点jQuery.nextAll(),返回所有之后的兄弟节点jQuery.siblings(),返回兄弟姐妹节点,不分前后jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从<p>元素开始找<span>,等同于$("p span")
1.访问节点document.getElementById(id);返回对拥有指定id的第一个对象进行访问document.getElementsByName(name);返回带有指定名称的节点集合注意:Elementsdocument.getElementsByTagName(tagname);返回带有指定标签名的对象集合注意:Elementsdocument.getElementsByClassName(classname);返回带有指定class名称的对象集合注意:Elements2.生成节点document.createElement(eName);创建一个节点document.createAttribute(attrName);对某个节点创建属性document.createTextNode(text);创建文本节点3.添加节点document.insertBefore(newNode,referenceChild);在某个节点前插入节点parentNode.appendChild(newNode);给某个节点添加子节点4.复制节点cloneNode(true | false);复制某个节点参数:是否复制原节点的所有属性5.删除节点parentNode.removeChild(node)删除某个节点的子节点node是要删除的节点注意:IE会忽略节点间生成的空白文本节点(例如,换行符号),而Mozilla不会这样做。在删除指定节点的时候不会出错,但是如果要删除最后一个子结点或者是第一个子结点的时候,就会出现问题。这时候,就需要用一个函数来判断首个子结点的节点类型。元素节点的节点类型是 1,因此如果首个子节点不是一个元素节点,它就会移至下一个节点,然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子节点被找到为止。通过这个方法,我们就可以在 Internet Explorer 和 Mozilla 得到正确的方法。6.修改文本节点appendData(data);将data加到文本节点后面deleteData(start,length);将从start处删除length个字符insertData(start,data)在start处插入字符,start的开始值是0;replaceData(start,length,data)在start处用data替换length个字符splitData(offset)在offset处分割文本节点substringData(start,length)从start处提取length个字符7.属性操作getAttribute(name)通过属性名称获取某个节点属性的值setAttribute(name,value);修改某个节点属性的值removeAttribute(name)删除某个属性8.查找节点parentObj.firstChild如果节点为已知节点的第一个子节点就可以使用这个方法。此方法可以递归进行使用parentObj.firstChild.firstChild.....parentObj.lastChild获得一个节点的最后一个节点,与firstChild一样也可以进行递归使用parentObj.lastChild.lastChild.....parentObj.childNodes获得节点的所有子节点,然后通过循环和索引找到目标节点9.获取相邻的节点neborNode.previousSibling :获取已知节点的相邻的上一个节点nerbourNode.nextSlbling: 获取已知节点的下一个节点10.获取父节点childNode.parentNode:得到已知节点的父节点
0 0
- js对节点的操作,添加,删除,获得父节点,子节点,兄弟节点
- js、jQuery获得父节点、子节点、兄弟节点的整理
- JS对DOM节点的操作--增加节点,删除节点
- DOM获取节点的兄弟,父节点,子节点
- jquery获取父节点、子节点、兄弟节点的方法
- 通过节点的层次关系获取节点对象(父节点,子节点,兄弟节点)
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
- JS获取子节点、父节点和兄弟节点的若干种方式
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
- js动态添加节点到兄弟节点
- 【jquery】删除节点 添加节点 找兄弟节点
- jquery 删除节点 添加节点 找兄弟节点
- JS删除子节点
- js 节点的添加 删除
- jquery获取父节点、子节点、兄弟节点方法
- html dom父节点,子节点,兄弟节点
- jquery获取父节点,子节点。兄弟节点
- js、jquery获取当前元素的父,子,兄弟节点
- *LeetCode-Kth Largest Element in an Array
- 在线图片处理工具集合
- OpenCV中feature2D学习——ORB和BruteForceMatcher
- Text Justification
- SQUARE Probelm_codewars daily train9/27
- js对节点的操作,添加,删除,获得父节点,子节点,兄弟节点
- django admin 报错没有发现 table
- Handler消息传递机制
- LeetCode 题解(242) : Palindrome Permutation II
- Binary Search
- [Leetcode] Word Break
- 晶联讯1353显示屏测试程序
- Python 之包(Package)与模(Module)
- Bringing up interface eth0: Device eth0 does not seem to be present, delaying initialization.