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

用Javascript获取DOM元素的11种方法综述

用Javascript获取DOM元素的11种方法综述
在Web应用程序中,特别是在web2.0程序的开发中,经常会在页面中获取一个元素,然后更新元素的样式、内容等。如何使要更新的元素是第一个需要解决的问题。这里是一个简短的摘要。以下的方法是由IE7和firefox2.0.0.11测试。

1。通过顶层文档节点访问:

(1)document.getelementbyid(elementid):这种方法能够准确地通过该节点的ID获取所需的元素。这是一种简单快速的方法。如果页面上有多个具有相同ID的节点,则只返回第一个节点。

现在,已经有多个Javascript库,如原型,Mootools,等等,提供了一个更方便的方法:$(ID),和参数仍然ID的节点。这种方法可以被视为一种书写方式document.getelementbyid(),但功能$()更功能强大,其具体用法可参考各自的API文档。

(2)document.getelementsbyname(ElementName):该方法是通过节点的名称得到节点。从名称中,我们可以看到该方法返回一个具有相同名称而不是节点元素的节点数组。然后,我们可以通过获取节点的某个属性来确定是否需要一个节点。

例如,在HTML中,复选框和广播都用相同的name属性值来标识一组元素。如果我们现在要得到选中的元素,首先获取重组元素,然后循环判断节点的选中属性值是否正确。

(3)document.getelementsbytagname(TagName):这种方法是通过节点到节点的标签。同样,这种方法也返回一个数组,例如:document.getelementsbytagname('a')将网页上的所有链接的节点,在节点上,众所周知的节点类型,所以它是简单的使用这个方法,但缺点是明显的,即返回数组可能非常大的,这会浪费很多时间。所以,这个方法没用当然不是,这种方法不同于上面的两种方法。它不是文档节点的专有方法,可以应用其他节点,如下所述。

2。通过父节点获得:

(1)parentobj.firstchild:这种方法可以如果节点是一个已知的节点的第一个孩子用(parentobj)。这个属性可以使用递归,也就是说,它支持parentobj形式。第一个孩子,第一个孩子,第一个孩子…这样我们可以得到更深的节点。

(2)parentobj.lastchild:很明显,这个性质是已知节点的最后一个子节点(parentobj)。喜欢第一个孩子,它可以使用递归。

在使用中,如果我们将两者结合起来,将实现更令人兴奋的效果,即parentobj。第一个孩子。lastchild。lastchild…

(3)parentobj.childnodes:得到的已知节点的子节点的数组,然后找到需要的节点通过环路或指数。

注意:经过测试,发现直接子节点阵列获得IE7,和所有子节点,包括子节点,也得到了firefox2.0.0.11。

(4)parentobj.children:获得一个已知节点的直接子节点数组。

注:在IE7的测试,如子一样,和firefox2.0.0.11不支持它。这就是为什么我想用其他方法不同的风格。因此,不推荐。

(5)parentobj.getelementsbytagname(TagName):使用方法不再是多余的。它返回一个数组中的子节点的节点的所有子节点,例如,parentobj.getelementsbytagname('a')返回一个已知的子节点的所有超链接。

三.穿过相邻节点:

(1)neighbournode.previoussibling:获得已知节点的第一个节点(neighbournode)是类似于前面的第一个孩子,lastchild,这似乎是递归的应用。

(2)neighbournode.nextsibling:得到的已知节点的下一个节点(neighbournode),还支持递归。

4。获得子节点:

(1)childnode.parentnode:得到的已知节点的父节点。

上述方法只是一些基本方法。如果您使用原型和其他Javascript库,您可能会获得其他不同的方法,例如节点的类获取等。然而,如果您可以灵活地使用上述所有方法,我们相信您应该能够处理大多数程序。

相关文章

如何设置QQ空间黑名单QQ技术

如何设置QQ空间黑名单QQ技术

黑名单,空间,如何设置,技术,电脑软件,QQ空间(Qzone)是腾讯公司开发的个人空间2005。它有博客的功能,已被许多人自世界。在QQ空间里,你可以写日志,上传个人图片的用户,听音乐,写心情,让自己以各种不同的方式。此外,用户还可以设置空间的背景、小衣架…

PS教你红枣红枣隧道的效果

PS教你红枣红枣隧道的效果

红枣,教你,隧道,效果,电脑软件,本文主要介绍PS教学法在红枣红隧道施工中的作用。这个教程很简单,你喜欢的朋友可以一起学习。 步骤1:新建一个画布并填充黑色。 第二步:滤镜-镜头-光晕。 第三步:过滤-风格化-突出,然后按Ctrl + F两或三次。 第四…

PS辐射发光文字效果教程

PS辐射发光文字效果教程

教程,辐射,文字效果,电脑软件,PS,本ps灯光文字教程是一个专门为大家安排的小编辑器,希望能对大家有所帮助! 1,设置一个350×250文件,黑色背景。 2,用文字工具书写,字体的颜色是白色的。 3,滤波器-失真极为标准,(设置为极坐标到平面)。 4,顺时针90度。 …

教你如何用PS滤镜制作热太阳

教你如何用PS滤镜制作热太阳

滤镜,教你,如何用,电脑软件,PS,今天,我们教你怎样用PS做热太阳法。教程中生成的太阳非常令人震惊。非常相似。请向你的朋友推荐它。 在本教程中,我们将学习如何用ps滤镜制作热太阳方法。本教程比较简单,但效果非常壮观。就像你的朋友一样,让我…

设置当前分钟数的使用()在Javascript处理时

设置当前分钟数的使用()在Javascript处理时

方法,设置,时间,电脑软件,Javascript,Javascript date.setminutes()方法是指定日期根据本地时间设置 语法 Date.setMinutes(minutesvalue {,secondsvalue {,msvalue } }) 注意:内外括号和数据都是可选的。 下面是参数的详细信息: minutesvalue:0和59之…

excel表格库:如何清除单元格内容的e

excel表格库:如何清除单元格内容的e

清除,单元格,表格,基础,内容,Excel如何清除单元格内容首先选择单元格,然后按下删除键,只删除单元格内容,其格式和注释仍然保留。 完全删除单元格,可用以下方法:选定要删除的单元格或单元格区域,单击编辑;具有;间隙;命令,然后显示菜单();间隙;,命令,当然你…

如何在WPS表中制作斜线头WPS表教程

如何在WPS表中制作斜线头WPS表教程

教程,如何在,电脑软件,WPS,今天,我们在这里向大家推荐一些WPS表格,做一些相关的文章,欢迎大家看看参考资料,想多了解一些。欢迎光临。 一个斜线头,很难让很多学生死掉。其实很简单,在这篇文章中,office office助手的小图形文字详细说明了在WPS表中…

一个在PS图象处理软件合成枪的女战

一个在PS图象处理软件合成枪的女战

图象,处理软件,女战士,电脑软件,PS,本教程介绍在PS图象处理软件合成的女性朋友。它很有创意。它很有创意。这不是很难。它只是使用ps的几个函数,建议大家一起学习。 本教程是在战争中主要使用女战士PS图象处理软件合成,总想做一个战争题材的…

PPT三三维饼图制作教程PPT2010制作

PPT三三维饼图制作教程PPT2010制作

饼图,制作教程,电脑软件,PPT,欢迎大家来。在PPT图表美化教程七中:为饼图添加视觉效果,我们介绍了一些简单的方法来添加视觉效果饼图。本文主要讨论一个三维饼图(三维饼图),可以经常看到在PPT。 在许多关于数据图表设计和制作的建议中,三维图表基…

添加和删除JS数组元素的代码实例

添加和删除JS数组元素的代码实例

数组元素,代码实例,删除,电脑软件,JS,JS数组元素的添加和删除一直困惑不解。今天,我们终于找到了详细的信息。首先,给我代码来测试 VaR ARR =新的数组(); ARR { 0 } =AAA; ARR { 1 } =BBB; ARR { 2 } =CCC; / /警报(arr.length); / / 3 Arr.pop(); / /警…

在Javascript中引入击()方法

在Javascript中引入击()方法

方法,电脑软件,Javascript,此方法可以使字符串作为突出文本显示,就像在标签上显示一样。 语法 String.strike() 下面是参数的详细信息: Na 返回值: 返回字符串有一个标签。 实例uff1a javascript字符串击()方法 新字符串(Hello); 警报(str.strike()); 这…

PS图象处理软件制作的三维岩石火焰

PS图象处理软件制作的三维岩石火焰

特征,岩石,图象,处理软件,火焰,做到这一点的关键是要有思想,要精通软件,要有耐心,很多东西都离不开这些高级知识的学习、排版、文字和色彩。 做到这一点的关键是要有思想,要精通软件,要有耐心,很多东西都离不开这些高级知识的学习、排版、文字和…