gpt4 book ai didi

javascript - 搜索和替换旧背景颜色

转载 作者:太空宇宙 更新时间:2023-11-04 00:57:41 24 4
gpt4 key购买 nike

我正在使用一些旧的 HTML 和 CSS...

代码看起来像这样:

<html>
<head>
<style>
table.highlight {
BACKGROUND: yellow;
}
</style>
</head>
<table class="highlight"><tr><td>test</td></tr></table>
</html>

假设 DOM 代码是只读的,并且唯一的修复是在 DOM 加载之后运行的代码片段,如何找到这些“黄色”颜色并替换它们?

我试图寻找 <table>.style.BACKGROUND , <table>.style.background<table>.style.backgroundColor无济于事,但颜色在 Web 浏览器中正确显示。

当我回应 <table>.style 的内容时黄色没有出现在任何地方。有没有办法访问这些旧的遗留 CSS 组件?

我可以通过设置<table>.style.backgroundColor成功改变颜色,但我无法找到 yellow首先。所有读取 CSS 的尝试都返回空白。

我正在 Google Chrome 和 Firefox 中进行测试。两者都返回 undefined"" .

最佳答案

你可以使用getComputedStyle

[...document.querySelectorAll('table')].forEach(e => {
// if the background-color is yellow then change it to red
if (getComputedStyle(e)['background-color'] === 'rgb(255, 255, 0)')
e.style.backgroundColor = 'red'
})
<html>

<head>
<style>
table.highlight {
BACKGROUND: yellow;
}

table.highlight2 {
BACKGROUND: green;
}
</style>
</head>
<table class="highlight">
<tr>
<td>test</td>
</tr>
</table>
<table class="highlight">
<tr>
<td>test</td>
</tr>
</table>
<table class="highlight2">
<tr>
<td>test</td>
</tr>
</table>

</html>

关于javascript - 搜索和替换旧背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54185341/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com