当前位置:首页 > 日记 > 正文

js获取当前元素的兄弟关系中的下一个元素。

js获取当前元素的兄弟关系中的下一个元素。
VaR寒颤= s.childnodes; / /得到所有节点
VaR PAR = s.parentnode; / /得到父节点
var ns = s.nextsbiling; / /到下一个同级节点的
VaR PS = s.previoussbiling; / /得到一个兄弟节点
VaR FC = s.firstchild; / /第一个子节点
VaR LC = s.lastchile; / /最后一个子节点
js获取节点的父级,即分段元素。

首先,说JS方法,它比jQuery方法麻烦多了,然后将它与jQuery方法进行比较。

js比jQuery要麻烦得多,主要是因为FF浏览器,FF浏览器会将您的更改作为DOM元素使用。
原生js获取子元素的id元素下的测试。

它可以使用如下:
创建一个docuemnt.getelementbyid(测试)。getelementsbytagname_r(div);
没问题。

在这个时候a.length = 2;

但是如果我们换一种方式
var b = document.getelementbyidx_x(测试ChildNodes);
在这一点上,b.length在IE浏览器没有问题,这仍然是等于2,但它将使4在FF浏览器,因为FF以线为元素。

所以,在这里,我们要做它,我们需要遍历这些元素,使元素类型为空,并删除文本。
功能del_ff(元){
无功elem_child = elem.childnodes;
对于(var i = 0;i < elem_child.length;i++){
如果(elem_child {我} = =。它们#文本! / /。试验(elem_child。节点值))
{ elem.removechild(elem_child)
}
}
}
上面的函数遍历子元素,当元素中的文本和文本类型的节点的节点值的节点类型是空的。只是把他。

节点名可以得到一个节点的节点类型,和 / /是在JS非空字符的正则表达式。在你前面!表示是一个空字符。

测试()方法用于检测字符串是否匹配模式。语法:RegExpObject.test(字符串)

如果字符串包含匹配的regexpobject文本,则返回true,否则返回false。

结果表明在节点该节点的值。

removechild是一个子元素,删除元素。

然后,在调用子、父、兄弟、这些属性之前,调用上面的函数来清理空间。
函数DOM(){
var = document.getelementbyidx_x(测试);
del_ff(S); / /洁净空间
VaR寒颤= s.childnodes; / /得到所有节点
VaR PAR = s.parentnode; / /得到父节点
var ns = s.nextsbiling; / /到下一个同级节点的
VaR PS = s.previoussbiling; / /得到一个兄弟节点
VaR FC = s.firstchild; / /第一个子节点
VaR LC = s.lastchile; / /最后一个子节点
}
以下是jQuery的父、子和兄弟查找方法

jquery.parent(expr)寻找父节点可以通过过滤表达式,如$(跨度)。父()或$(跨度)。母(类)。
jquery.parents(expr),类似于jquery.parents(expr),而是寻找所有祖先元素的父元素,不仅限于
jquery.children(expr)。返回所有子节点,此方法只返回直接子节点,不返回所有子节点。
jquery.contents(),返回的所有内容如下,包括节点和文本。这种方法与孩子之间的差异(),包括空白的文本,它还将作为一个
jQuery对象返回,子()只返回到节点。
JQuery.prev(),返回上一个兄弟节点,并非所有兄弟节点
JQuery.prevAll(),返回以前的所有兄弟节点
JQuery.next(),返回到下一个兄弟节点,并非所有兄弟节点
JQuery.nextAll(),它返回后的所有兄弟节点
JQuery.siblings(),返回的兄弟节点,不在正面和背面
JQuery.find(expr)是完全不同的jquery.filter(expr)。JQuery.filter()是最初的jQuery对象集合的一部分,和jquery.find()

返回结果将不包含初始集中的内容,如$(p),从元素开始查找(),等同于$(p)。

上面的介绍是js的兄弟关系的下一个元素,用于获取当前元素,希望对您有所帮助。

相关文章

10在Word2003Word2003教程技巧提高

10在Word2003Word2003教程技巧提高

工作效率,教程,技巧,电脑软件,尽管Word2010的出现增加了一个新的使用新功能,很多,但Word2003仍不过时。相信大多数的高级办公人员仍然在目前的Word2003版本,毕竟这么多年,这也很容易使用。为了方便更多方便的使用,下面的10个快速输入技术的建议…

一个教程PS图象处理软件去除鱼的尾

一个教程PS图象处理软件去除鱼的尾

教程,图象,处理软件,尾巴,眼睛,去除鱼尾纹和图片中的血流而固定的特点是很有必要的。那么PS图象处理软件如何实现从鱼尾和去除眼睛血线针对这一问题,本文对图文进行了详细的说明。 今天萧边为你带来另一个PS实例教程。它主要是教你如何去除…

PowerPoint设置制作PPT教程的标题

PowerPoint设置制作PPT教程的标题

设置,教程,版本,标题,电脑软件,正如我们前面提到的,演示文稿中的第一个PowerPoint幻灯片通常使用标题幻灯片格式。现在我们设置了一个相对独立的幻灯片;标题父来突出演示文稿的标题。 1。在幻灯片主视图状态下,按下幻灯片主视图工具栏上;插入新…

如何在米字格词使Word2003教程

如何在米字格词使Word2003教程

教程,如何在,电脑软件,米字格词使,在学习毛笔字之前,如何制作汉字格并不是很漂亮,事实上,你也可以用它来用字来做,这种印刷也可以制作毛笔字。 1。首先,用word绘图工具绘制一个文本框。 2,绘制一个合适大小的文本框并插入一个表(表格的格式是偶数,…

PS图象处理软件创建图像的人一个美

PS图象处理软件创建图像的人一个美

图像,的人,图象,一个美丽,处理软件,绿蓝色是最常用的梦幻组合色,在处理第一个主色调为深蓝色时,增加蓝色数,然后使用模糊和云增加对图片的扩散效果。 绿蓝色是最常用的梦幻组合色,当处理第一个主色调为深蓝色时,增加蓝色数;然后使用模糊和云彩增…

如何利用推拉变形处理CDR变形工具

如何利用推拉变形处理CDR变形工具

变形,工具,推拉,电脑软件,CDR,本教程将介绍如何在变形工具中使用CDR的转换和转换方法。本教程是以比较为基础的。很适合初学者学习。推荐朋友一起学习。 本教程将介绍如何使用推拉变形在CDR的变形工具,希望大家喜欢它! 方法/步骤 CorelDRAW…

PS的醋栗的瞬间移动旋转

PS的醋栗的瞬间移动旋转

醋栗,瞬间,电脑软件,PS,今天,萧边教你用PS做猕猴桃的旋转教程。这有点复杂,但效果很好。喜欢的朋友可以一起学习。 本教程仍然是一个相对简单的材料合成——水果切割。虽然它比较简单,但也需要大家注意细节。细节越多,你的图片层次越强。 最终…

PS送美妆照片装饰效果教程

PS送美妆照片装饰效果教程

教程,照片,效果,电脑软件,PS,本教程是介绍ps给朋友画的一个美丽的化妆效果图,教程里的画面颜色真的很漂亮,不是很难,有兴趣的朋友可以跟着教程一起学习,学习。 本教程教ps带出甜美的花香妆妆效果教程教程,画面色彩优美,色彩中等难度,让我们与朋友…

Excel如何拆分单元格excel表

Excel如何拆分单元格excel表

拆分,单元格,电脑软件,Excel,excel,对于当今的劳动人民来说,办公室应用越来越重要。对于正在学习office软件的孩子来说,他们可能遇到Excel如何拆分单元问题。这篇文章将帮助你分别从Excel2003和Excel2007两版本解决问题。 如何将一个细胞在Ex…

打印控制Word2007教程Word2007文档

打印控制Word2007教程Word2007文档

教程,文档,控制,电脑软件,微软Word提供了一些用修改过的文档打印的选项,还可以在打印时隐藏修改。 打印显示修改和注释的文档。 在打印文档之前,切换到页面视图(页面视图:文档或其他对象的视图,比如打印效果)。例如,页眉、页脚、一柱,和一个文本…

PSCC2015PS图象处理软件你不知道的

PSCC2015PS图象处理软件你不知道的

知识,你不知道,图象,处理软件,电脑软件,2015年6月15日,Adobe公司推出的最新版本,这就是今天的主角——adobecc2015。萧边今天给你带来了PS CC 2015,你不知道PS图象处理软件的冷知识。 2015年6月15日,Adobe公司推出的最新版本,今天的主角mdash;md…

在PowerPoint插入视频文件并添加Fl

在PowerPoint插入视频文件并添加Fl

动画,视频文件,制作教程,电脑软件,PowerPoint,PowerPoint插入视频文件方法: 准备好视频文件,选择相应的幻灯片,执行插入影片和声音具有,具有文件命令,然后,模仿声音文件,插入,插入视频文件到幻灯片。 PowerPoint添加flash动画方法: (1)、执行视图工具…