js解析一段html标签,js怎么解析html标签

2

获取该 HTML 标签中的节点

获取 HTML 节点(标签) 的体例有三种 (按照 id, 按照标签名, 按照 class类名), 即

getElementById()--按照id

getElementsByTagName()--按照标签名

getElementsByClassName()--按照类名

我们可以将HTML 比方当作一个班级

当我们用 id 的方式就半斤八两于: 名字叫某某某的同窗请站起来

我们用标签(tag) 方式就半斤八两于: 班里的男生请站起来(是一部门人, 可能是一个, 也可能是几个)

我们用class(类名)方式半斤八两于: 健忘交功课的同窗请站起来.

这几种方式都能将人(标签) 从一个集体中筛选出来.

经由过程 id 获取例子中的 div 节点的方式:

document.getElementById("test1");

经由过程标签名获取例子中 p 节点的方式:

document.getElementsByTagName("p");

因为这个方式是获取整个 HTML 文档中的所有 p 标签, 所以成果是一个数组, 我们需要的 p 标签是 当前文档中的第一个(该 HTML 文档个中只有一个 p 标签), 所以可以如许获取:

document.getElementsByTagName("p")[0];

经由过程类名获取 a 标签节点:

document.getElementsByClassName("link-style");

同上, 一个 HTML 中 具有统一个 class 属性的可能不止一个标签, 所以这个方式获取的也是一个数组, 我们需要获取整个 HTML 中第一个呈现的合适前提的元素:

document.getElementsByClassName("link-style")[0];