javascript否决特别声明的css样式

Question

通过数据库处理，我最终得到包含彩色“跨度”的 html。例如:

<div id="RelevantDiv">the industry's standard <span style="background-color: red">dummy text ever since the 1500s, when an unknown printer took a galley</span> of type and scrambled it to make a type specimen book. It has survived not only five.</div>

通常我想保留这种颜色。但是，我还想构建一个 javascript 函数来打开或关闭此背景颜色。我尝试了以下方法:

function HLtoggle()
{
var element = document.getElementById('RelevantDiv');
element.style.background = '#FFFFFF';
}

但是，这不起作用，因为跨度显然覆盖了

Answer 1

您的 background-color 在 span 元素上，而在 js 中您的目标是父 div。

尝试以下操作:

var element = document.querySelectorAll('#RelevantDiv > span')[0];
element.style['background-color'] = '#FFFFFF';

不过，我建议您为突出显示的范围指定一个类名，并按该类而不是标签名进行选择。