如何使用Greasemonkey修改id中div的标签

Question

我有以下代码：

<div id="header">
  <a href="http://somelink.com">white link</a>
  <a href="http://somelink.com">white link</a>
  <a href="http://somelink.com">white link</a>
  <a href="http://somelink.com">white link</a>
</div>
<div id="some_other_div>
  <a href="http://otherlink.com">unnafected link</a> ...

我想要做的只是以类似的方式修改标题div中的<a>标签：

#header a {
  color:white;
}

仅使用Javascript。 我该怎么办呢？

Answer 1

您可以使用与querySelector()方法相同的CSS选择器。

var ele = document.querySelector('#header a');
ele.style.color = 'white';

---

如果div有多个元素，则使用querySelectorAll()并迭代它们以更新样式属性。 您可以使用简单的for循环或使用[].slice.call或Array.from方法的Array#forEach方法迭代集合（用于转换为数组）。

 var eles = document.querySelectorAll('#header a'); [].slice.call(eles, function(ele){ ele.style.color = 'white'; }) 

Answer 2

这里的解决方案：

var elements = document.querySelector('#header a');
var i;
for (i = 0; i < elements.length; i++) {
  elements[i].style.color = 'white';
}