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