如何更改所有 <em> 元素的背景颜色

Question

我正在尝试更改所有斜体文本的背景颜色，而不是对段落中的每个单词使用跨度。它在斜体文本旁边显示 <em>。我试过了

$(".em").css({
    "background-color":"#d9f9f9",
});

or/and 试过这个：

var elem=document.getElementByTagName(em)[1];
elem.style.backgroundColor='#d9f9f9';

Answer 1

您的第一个建议是 ".em"，而应该是 "em"。你的第二个建议说 em 应该说 "em".

Answer 2

您可以尝试以下方法：

const italics = document.querySelectorAll('em');

italics.forEach(italic => {
  italic.style.backgroundColor = '#d9f9f9';
});

Answer 3

注意到这个方法return一个数组，所以我们应该循环它：

var emList = document.querySelectorAll('em');

[].forEach.call(emList , function(em) {
  // do whatever
  em.style.color = "red";
});

How to change the background colors of all <em> elements