请问如何使用js正则表达式获取所有class="none"的p标签，使用数组存储

2024-12-23 11:02:57 JS 880

要使用 JavaScript 正则表达式获取所有具有 class="none" 的  标签，并将它们存储在数组中，可以按照以下步骤进行：

获取所有  标签：首先，获取 HTML 文档中所有  标签的引用。
```
javascript
const paragraphs = document.getElementsByTagName('p');
```
定义正则表达式：创建一个正则表达式来匹配具有 class="none" 的属性值。
```
javascript
const regex = /class="none"/;
```

遍历  标签：遍历 paragraphs 集合，并对每个  标签进行正则匹配。

javascript
const matchingParagraphs = [];
for (let i = 0; i < paragraphs.length; i++) {
    const paragraph = paragraphs[i];
    if (regex.test(paragraph.getAttribute('class'))) {
        matchingParagraphs.push(paragraph);
    }
}

存储匹配结果：创建一个数组 matchingParagraphs，将符合条件的  标签添加到数组中。
```
javascript
console.log(matchingParagraphs); // 输出匹配到的所有 标签数组
```

完整的示例代码如下所示：

javascript
// 获取所有 <p> 标签
const paragraphs = document.getElementsByTagName('p');

// 定义正则表达式匹配 class="none"
const regex = /class="none"/;

// 存储匹配到的 <p> 标签数组
const matchingParagraphs = [];
for (let i = 0; i < paragraphs.length; i++) {
    const paragraph = paragraphs[i];
    if (regex.test(paragraph.getAttribute('class'))) {
        matchingParagraphs.push(paragraph);
    }
}

console.log(matchingParagraphs); // 输出匹配到的所有 <p> 标签数组

这段代码将遍历文档中所有  标签，检查它们的 class 属性是否包含 "none"，如果是，则将该  标签存储在 matchingParagraphs 数组中。这样就能获取并存储所有具有 class="none" 的  标签了。