JavaScript正则表达式匹配 div style标签_javascript技巧

测试字符串：

<style>v\:* {
BEHAVIOR: url(#default#VML)
} o\:*
{
BEHAVIOR: url(#default#VML)
} w\:*
{
BEHAVIOR: url(#default#VML)
}
.shape
{
BEHAVIOR: url(#default#VML)
}
</style>
abcdefg
<style>
@font-face
{
font-family: Wingdings;
}
@font-face
{
font-family: Wingdings;
}
@font-face
{
font-family: Calibri;
} @font-face
{
font-family: Tahoma;
}
@page WordSection1
{size: 8.5in 11.0in; margin: 1.0in 1.0in 1.0in 1.0in;
} P.MsoNormal
{
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt;
FONT-FAMILY: "Times New Roman","serif"
} LI.MsoNormal {
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman","serif"
} DIV.MsoNormal
{
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman","serif"
}
H1
{
FONT-WEIGHT: bold; FONT-SIZE: 24pt; MARGIN-LEFT: 0in;
MARGIN-RIGHT: 0in;
FONT-FAMILY: "Times New Roman","serif";
mso-style-priority: 9;
mso-style-link: "Heading 1 Char"; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto
}
A:link
{
COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
}
SPAN.MsoHyperlink
{
COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
} A:visited
{
COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
} SPAN.MsoHyperlinkFollowed
{
COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
}
P
{
FONT-SIZE: 12pt; MARGIN-LEFT: 0in; MARGIN-RIGHT: 0in; FONT-FAMILY: "Times New Roman","serif";
mso-style-priority: 99; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto
}
P.MsoAcetate
{
FONT-SIZE: 8pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Tahoma","sans-serif";
mso-style-priority: 99; mso-style-link: "Balloon Text Char"
}
LI.MsoAcetate
{
FONT-SIZE: 8pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Tahoma","sans-serif"; mso-style-priority: 99; mso-style-link: "Balloon Text Char"
} DIV.MsoAcetate
{
FONT-SIZE: 8pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Tahoma","sans-serif";
mso-style-priority: 99; mso-style-link: "Balloon Text Char"
}
SPAN.Heading1Char
{
FONT-WEIGHT: bold; mso-style-priority: 9; mso-style-link: "Heading 1"; mso-style-name: "Heading 1 Char"
}
SPAN.EmailStyle19 {
COLOR: #1f497d; FONT-FAMILY: "Arial","sans-serif"; mso-style-type: personal-reply
} SPAN.BalloonTextChar
{
FONT-FAMILY: "Tahoma","sans-serif"; mso-style-priority: 99; mso-style-link: "Balloon Text"; mso-style-name: "Balloon Text Char"
}
.MsoChpDefault {
FONT-SIZE: 10pt; mso-style-type: export-only
} DIV.WordSection1 {
page: WordSection1 } OL
{
MARGIN-BOTTOM: 0in } UL
{
MARGIN-BOTTOM: 0in
}
</style>

第一次尝试：<style[^>/]*>(.*?)</style> 发现有换行的情况匹配不了，因为.是匹配除了换行符（/n）以外的任意一个字符。

第二次尝试：<style(([\s\S])*?)</style> 成功

匹配<div>只需要把<style>换成<div>即可

1. 只替换匹配到的第一个<style>

var result= testData.replace(<style(([\s\S])*?)<\/style>, '');

2. 会替换所有testData中所有的<style>标签

var result= testData.replace(/<style(([\s\S])*?)<\/style>/g, '');

g：代表可以进行全局匹配。

i：代表不区分大小写匹配。

m：代表可以进行多行匹配。

以上内容是小编给大家介绍的JavaScript正则表达式匹配<div><style>标签，希望对大家有所帮助！

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索正则表达式匹配style、正则表达式匹配div、匹配div的正则表达式、php正则表达式匹配div、正则表达式匹配div id，以便于您获取更多的相关知识。