在HTML结构中提取标签可以使用以下几种方法：

1. 使用DOM API（Document Object Model）：

```javascript const dom = document.documentElement;

// 获取所有标签元素 const tags = dom.getElementsByTagName('*');

// 遍历所有标签元素 for (let i = 0; i < tags.length; i++) { const tag = tags[i]; console.log(tag.tagName); } ```

这种方法会返回一个包含所有标签元素的数组，每个元素的标签名都是<tag>标签的标签名。例如，如果HTML结构如下：

```html

Heading 1

Paragraph 1

```

则上述代码将输出：

```

Heading 1

Paragraph 1

Heading 2

Paragraph 2

```

1. 使用CSS选择器：

```javascript const dom = document.documentElement;

// 使用CSS选择器获取所有类名为"my-class"的标签元素 const myClasses = dom.querySelectorAll('.my-class');

// 遍历所有类名为"my-class"的标签元素 for (let i = 0; i < myClasses.length; i++) { const tag = myClasses[i]; console.log(tag.tagName); } ```

这种方法会返回一个包含所有类名为"my-class"的标签元素的数组，每个元素的标签名都是<tag>标签的标签名。例如，如果HTML结构如下：

```html

Heading 1

Paragraph 1

```

则上述代码将输出：

```

Heading 1

Paragraph 1

Heading 2

Paragraph 2

```

1. 使用正则表达式：

```javascript const dom = document.documentElement;

// 使用正则表达式匹配所有匹配".my-class"的标签元素 const myClasses = Array.from(dom.querySelectorAll('div.my-class'));

// 遍历所有匹配".my-class"的标签元素 for (let i = 0; i < myClasses.length; i++) { const tag = myClasses[i]; console.log(tag.tagName); } ```

这种方法会返回一个包含所有匹配".my-class"的标签元素的数组，每个元素的标签名都是<tag>标签的标签名。例如，如果HTML结构如下：

```html

Heading 1

Paragraph 1

```

则上述代码将输出：

```

Heading 1

Paragraph 1

Heading 2

Paragraph 2

```

1. 使用Node.js和DOMParser库：

```javascript const dom = new DOMParser(); const xmlDoc = dom.parseFromString(html, 'text/html');

// 遍历所有标签元素 const tags = xmlDoc.getElementsByTagName('*');

// 遍历所有标签元素 for (let i = 0; i < tags.length; i++) { const tag = tags[i]; console.log(tag.tagName); } ```

这种方法需要安装dom-parser库，可以通过以下命令在Node.js中安装：

bash npm install dom-parser

然后，可以使用DOMParser的parseFromString方法将HTML字符串解析为DOM对象，然后使用getElementsByTagName方法获取所有标签元素。例如，如果HTML结构如下：

```html

Heading 1

Paragraph 1

```

则上述代码将输出：

```

Heading 1

Paragraph 1

Heading 2

Paragraph 2

```