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循环或使用Array#forEach或[].slice.call方法的Array.from方法迭代集合（用于转换为数组）。

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';
}

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

2 个答案: