DOM 处理 节点

标签：blog   class   code   java   ext   http   

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="确认" 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()

的返回结果，不会有

DOM 处理 节点,布布扣,bubuko.com

DOM 处理 节点

标签：blog   class   code   java   ext   http   

原文地址：http://www.cnblogs.com/canbefree/p/3709272.html