学习HTML DOM笔记

简介: 学习HTML DOM笔记

HTML DOM 导航


通过 HTML DOM,您能够使用节点关系在节点树中导航。


HTML DOM 节点列表

getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。

下面的代码选取文档中的所有

节点:

实例

varx=document.getElementsByTagName("p");

可以通过下标号访问这些节点。如需访问第二个

,您可以这么写:

y=x[1];


注意:

下标号从 0 开始。


HTML DOM 节点列表长度

length 属性定义节点列表中节点的数量。

您可以使用 length 属性来循环节点列表:

实例

x=document.getElementsByTagName("p");for(i=0;i<x.length;i++){      document.write(x[i].innerHTML);     document.write("
");}



实例解析:

  • 获取所有

    元素节点

  • 输出每个

    元素的文本节点的值


目录
相关文章
|
6月前
|
移动开发 前端开发 JavaScript
HTML5+CSS3+JavaScript网页实战
HTML5+CSS3+JavaScript网页实战
|
JavaScript
学习HTML DOM笔记
学习HTML DOM笔记
50 0
学习HTML笔记
学习HTML笔记
72 0
|
移动开发 前端开发 JavaScript
|
JavaScript 前端开发
web前端学习(三十九)——JavaScript DOM简介、通过DOM修改HTML、CSS
web前端学习(三十九)——JavaScript DOM简介、通过DOM修改HTML、CSS
web前端学习(三十九)——JavaScript DOM简介、通过DOM修改HTML、CSS
|
XML 移动开发 数据格式
学习HTML笔记25
HTML 段落
97 0
|
XML JavaScript 数据格式