<script type="text/javascript">
//JS解决
var dom=document.getElementById("dom");
//为了避免ff出现的问题,因此对子元素进行过滤处理
del_space(dom);
//1.获取dom下的所有子节点
var a = dom.childNodes;//全部子节点;
var b = dom.parentNode;//父节点;
var e = dom.firstChild;//第一个子节点
var f = dom.lastChild;//最后一个子节点
//不知何原因,待日后研究 下一个兄弟节点和上一个兄弟节点都无法获取的到...--!
var c = dom.nextSbiling.nodeType;//下一个兄弟节点
var d = dom.previousSbiling;//上一个兄弟节点
//jQuery解决
var a1 = $("#dom").children();//全部子节点;
var b2 = $("#dom").parent();//父节点;
var c3 = $("#dom").next();//下一个兄弟节点
var d4 = $("#dom").prev();//上一个兄弟节点
var e5 = $("#dom").children(":first");//第一个子节点
var f6 = $("#dom").children(":last");//最后一个子节点
/*
alert(a.length);
for(var i=0;i<a.length;i++){
alert(a[i].nodeName+":"+a[i].nodeValue+":"+/\s/.test(a[i].nodeValue));
}
*/
//ff下面会默认将你的换行当作dom元素,因此必须进行过滤处理,IE下不会产生类似问题
function del_space(elem){
var elem_child = elem.childNodes;//得到参数元素的所有子元素
for ( var i = 0; i < elem_child.length; i++) { //遍历子元素
if (elem_child[i].nodeName == "#text") {
elem.removeChild(elem_child[i]);
}
}
}
</script>
js和jquery获取父级元素、子级元素、兄弟元素的方法
最新推荐文章于 2024-04-13 12:25:41 发布