js访问DOM节点方法详解

js访问DOM节点方法详解
本文演示了用js访问DOM节点的方法,供大家参考,如下所示:

查找和访问节点

您可以找到许多方法来查找要操作的元素:

通过使用getElementById()和getElementsByTagName()方法

利用其父节点,第一个孩子,和一个元素节点的属性lastchild

GetElementById()和getElementsByTagName()

这两种方法,包括()和getElementsByTagName(),可以发现在整个HTML文档的任何HTML元素。

这两种方法忽略了文档的结构。如果你想查找文档中的所有元素,getElementsByTagName()会发现他们所有人,不论水平在该元素在文档。同时,getElementById()方法也会返回正确的元素,不管它在哪里隐藏在文档结构。

这两种方法将为您提供所需的任何HTML元素,无论文档中的HTML元素在何处!

GetElementById()可以通过指定ID返回元素:

GetElementById()语法
document.getelementbyid(ID);

注:getElementById()不能在XML,XML文档,你必须具有的ID类型的属性搜索,这种类型必须在XML DTD声明。

相对应()方法返回的所有元素(使用指定的标签名称)作为一个节点列表。这些元素是在使用此方法时使用的元素的后代。

GetElementsByTagName()可以用于任何HTML元素:

GetElementsByTagName()语法
document.getelementsbytagname(标签名称);

或:
document.getelementbyid('id')。GetElementsByTagName(标签名称);

例1

下面的示例返回文档中所有元素的节点列表:
document.getelementsbytagname(P);

例2

以下示例返回所有元素的节点列表,这些元素必须是ID的元素的后代为maindiv :
document.getelementbyid('maindiv)。GetElementsByTagName(P);

节点列表(列表)

当我们使用一个节点列表时,我们通常将这个列表保存在一个变量中,比如:
var x = document.getelementsbytagname(P);

现在,变量x包含页面中所有元素的列表,并且我们可以通过它们的索引号访问这些元素。

注:引号从0开始。

您可以使用长度属性循环遍历节点列表:
var x = document.getelementsbytagname(P);
对于(var i = 0;i < x.length;i++)
{
每个段落的内容
}

还可以通过引号访问特定元素。

要访问第三个元素,您可以编写这个:
var = { 2 };

ParentNode,第一个孩子,和lastchild

这三个属性的父节点,第一个孩子,和lastchild,可以按照文件结构和文件中的短距离旅行。

请看下面的HTML片段。

约翰
雌鹿
阿拉斯加

在上面的HTML代码,第一是元素的第一个子元素(第一个孩子),和最后一个元素的最后一个子元素(lastchild)。

此外,它的每个元素的父节点(父节点)。

有关感兴趣的读者的Javascript相关内容的更多内容可以查看主题:

希望本文能对javascript程序设计有所帮助。

tag:方法节点详解电脑软件js

相关内容