首页 > 代码库 > DOM 处理 节点

DOM 处理 节点

js

父节点:

parentNode;

子节点:

childNode

  firstChild;

  lastChild;

 

function func(o)
{
//alert(o.parentNode.nextSibling.nextSibling.lengh);
    my=o.parentNode.parentNode.getElementsByTagName("p");
    alert(my[2].firstChild.nodeValue);
    //注意firstChild
}

</script>

<div>
    <p>
        <input type="button" value="http://www.mamicode.com/确认" onclick="func(this)" />
    </p>
    <p>asdf</p>
    <p>haha</p>
</div>

nextSibling:

  兄弟节点下一个。

previousSibling:

  上一个兄弟节点

 

ff空格问题:

  当浏览器,页面换行会留下一个可以被js识别空格符号,如 nextSibling,firstChild就不能准确定位到你所要找的子节点。 这样你可能就要将代码缩至一行。

 

ff空格问题:

使用firstChild

 

jquery:

父节点:

  parent()

子节点:

  child()

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()

的返回结果,不会有