JS获取节点的兄弟,父级,子级元素

原创 2013年12月04日 10:20:13

 

<div id="test"> 
<div></div> 
<div></div> 
</div> 
<script> 
function dom() { 
	var s= document.getElementById("test"); 
	del_ff(s); //清理空格 
	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的最后一个子节点 
} 
</script>

 

var b =document.getElementById("test").childNodes; 

此时b.length 在IE浏览器中没问题,其依旧等于2,但是在FF浏览器中则会使4,是因为FF把换行也当做一个元素了。 

所以,在此,我们就要做处理了,需遍历这些元素,把元素类型为空格而且是文本都删除。

function del_ff(elem){ 
	var elem_child = elem.childNodes; 
	for(var i=0; i<elem_child.length;i++){ 
		if(elem_child[i].nodeName == "#text" && !/\s/.test(elem_child.nodeValue)) 
		{
			elem.removeChild(elem_child) 
		} 
	} 
} 

 

 

相关文章推荐

JS获取节点的兄弟,父级,子级元素

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 ...

JS获取节点的兄弟,父级,子级元素(原生和基于jquery) 、动态创建文档元素 、this和$(this)区别

一、JS获取节点的兄弟,父级,子级元素的方法 原生js var s= document.getElementById("test"); del_ff(s);    //清理空格 var chi...

JS/JQ获取节点的同级,父级,子级元素

先说一下JS的获取方法,其要比jQuery的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 ...
  • yzbben
  • yzbben
  • 2016年11月23日 14:33
  • 247

JS/JQ获取节点的同级,父级,子级元素

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 ...

js和jquery获取父级元素、子级元素、兄弟元素的方法

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 ...

jquery获取父级元素、子级元素、兄弟元素的方法

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.paren...

js 获取元素所有兄弟节点实例

现在在js中要获取兄弟节点有两种常用的方法,一种是利用js来遍历,另一种是利用jquery来获取,下面小编来给大家介绍一下. 比如一个ul里面有10个li,而第3个li上有特殊的样式(比...

MSSQL 下递归CTE的应用通过父级获取所有对应的子级节点(一)

能掌握的就是应用CTE递归,WITH AS短语,也叫做子查询部分(subquery factoring),可以让你做很多事情,定义一个SQL片断,该SQL片断会被整个SQL语句所用到,可以简单理解...

js获取iframe和父级之间元素,方法、属,获取iframe的高度自适应iframe高度

1、在父页面 获取iframe子页面的元素
  • kongjiea
  • kongjiea
  • 2014年08月27日 16:22
  • 36101
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS获取节点的兄弟,父级,子级元素
举报原因:
原因补充:

(最多只允许输入30个字)