js 使用正则获取 html中所有span标签

原创于 2023-05-15 13:58:23 发布 · 809 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #前端

博客涉及前端领域，重点围绕HTML和JavaScript展开，这两种技术是前端开发的重要组成部分，在网页构建等方面发挥着关键作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

let html = `<p>艾迪莎测试但大家还是</p>
            <h1>你好啊</h1>
            <p>啊是多久啊合适的
                <span style="text-decoration: underline;">静安寺</span>
                大家哈圣诞节
                <span style="text-decoration: underline;">哈桑</span>
                大家爱神
            </p>
            <p>的箭哈啥
                <span style="color: #FF0000;">圣诞节</span>
                阿加莎说的话就是
                <span style="color: #FF0000;">暗杀计划</span>
                啊发哈就是<br/>
            </p>`
let arraySpan = html.match(/<span[^>]style="text-decoration: underline;">([\s\S]*?)<\/span>/g);
let arraySpan2 = html.match(/<span[^>]style="color: #FF0000;">([\s\S]*?)<\/span>/g);
console.log('arraySpan-=-=-=-=>',arraySpan)
console.log('arraySpan2-=-=-=-=>',arraySpan2)