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程序设计有所帮助。