javascript - 需要正则表达式来替换类名

标签 javascript

我有以下 HTML 代码: 它看起来像

<html>
<head>
</head>
<style id="styletag">
.class3{
}
.sec2{
}
.this3{
}
</style>

<body>
<div class="class1 class2 class3">content</div>
<div class="sec1 sec2 sec3">content2</div>
<div class="this1 this2 this3">content2</div>
</body>
</html>

我的数组中有值 class3、sec2 和 this3。
我想从 HTML 代码中替换 class3、sec2 和 this3。
我还想完全删除样式标签(其 ID 名称为“styletag”)。

如何使用正则表达式?

最佳答案

抱歉,如果我误解了您的要求。

for(var index=0; index<document.getElementsTagName("div").length; index++) {
if( document.getElementsTagName("div")[index].style.className.indexOf("class3")
|| document.getElementsTagName("div")[index].style.className.indexOf("sec2")
|| document.getElementsTagName("div")[index].style.className.indexOf("this3")
)
// assign a new css
document.getElementsTagName("div")[index].style.className = 'newCss';
// or clear style
// document.getElementsTagName("div")[index].style.className = '';
// or add up another style
// document.getElementsTagName("div")[index].style.className += ' newCSS';
}

关于删除 Style 标签:

document.getElementById("styletag").parentNode.removeChild(document.getElementById("styletag"));

关于javascript - 需要正则表达式来替换类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1635927/

相关文章:

javascript - 使用 Ajax 发布单选按钮单击的结果

javascript - 动态调用方法 | JavaScript

javascript - jquery 同位素最大化项目以适合父容器

javascript - 从图像链接中去除文件名

javascript - 确保数组中只有一个元素具有给定属性

javascript - rollup 是否将 node_modules 捆绑到 bundle.js 中?

javascript - 扫雷炸弹威胁

javascript - 如何制作仅在访问者在页面上停留一定时间后才会出现的弹出窗口?

javascript - Android上运行的Chrome App如何接收UDP广播包

javascript - 为什么Capybara/Rspec在Sweet Alert Modal中找不到按钮,但have_selector返回true?