js正则获取html标签属性，html标签属性记不住

HTML标签是网页中的重要元素，它可以给网页带来各种各样的效果，也可以用来传递信息。在编写网页过程中，经常需要对HTML标签的属性进行操作，例如获取一个图片的宽高，或者获取某个链接的链接地址等等。

在JS中，我们可以通过正则表达式来获取HTML标签的属性。正则表达式是一种强大的字符串匹配工具，它可以用来匹配某些具有特定规律的字符。HTML标签的属性是有一定规律的，因此我们可以通过正则表达式来匹配属性。

获取HTML标签属性的正则表达式：

```javascript

var pattern = /<[\w\s\"\'\=]*>/g;

```

上述正则表达式中包含了以下几个部分：

- `<` 和 `>` 分别表示标签的起始和结束；

- `[\w\s\"\'\=]*` 表示匹配标签的属性部分，其中

- `\w` 表示任意字母、数字、下划线；

- `\s` 表示任意空格字符；

- `\"` 和 `\'` 表示双引号和单引号；

- `\=` 表示等于号；

- `*` 表示重复0次或多次。

正则表达式中的 `g` 标识表示全局匹配，可以匹配所有符合条件的字符串，而不仅仅是第一个符合条件的字符串。

实际使用时，我们可以通过以下代码来获取HTML标签的属性：

```javascript

var html = '';

var pattern = /<[\w\s\"\'\=]*>/g;

var result = html.match(pattern);

console.log(result[0]); // ""

```

在以上示例中，我们先定义了一个包含一个图片标签的HTML字符串，并使用正则表达式匹配属性部分。最后打印出匹配到的属性字符串。

如果想要提取标签中的某个属性，我们可以在正则表达式中添加对应属性名的匹配规则。例如，要提取上述代码中图片的宽度和高度，可以使用以下代码：

```javascript

var html = '';

var pattern = /width=\"([\d]+)\".*height=\"([\d]+)\"/i;

var result = html.match(pattern);

console.log(result[1]); // "100"

console.log(result[2]); // "100"

```

在上述代码中，我们先定义了一个正则表达式，包含了 `width` 和 `height` 两个属性的匹配规则。`i` 标识表示不区分大小写。最后打印出了匹配到的宽度和高度值。

当然，在实际使用中，还可以根据不同的需求，自定义不同的正则表达式。只要掌握了正则表达式的基本知识，就可以用它来方便地操作HTML标签的属性了。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/