如何使用纯javascript设置id为的div中嵌套的a标记的样式

我习惯JQuery，但不习惯纯Javascript。 我有这个：

document.getElementById("div-id a").style.javascript_property = "color: red;";

当然不行了。 我想要的是，一个特定div中id='div-id'的所有a标签都变成红色

在jquery中，我会写：

$('#div-id a').css('color', 'red');

但我需要纯js版本。

使用：

var div = document.getElementById("div-id");
var list = div.getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

使用：

getElementById方法采用表示id的字符串，而不是选择器。线索就在名字里。querySelectorAll方法接受一个表示选择器的字符串，但它返回一个节点列表，因此您必须像数组一样对其进行循环

您称之为javascript_属性的属性名需要与CSS属性名匹配，并将连字符转换为camelCase，因此它应该是彩色的

您给它的值需要匹配CSS属性值，而不是整个规则

然而，这些都不是纯JavaScript。除了来自选择器API的querySelectorAll之外，它是DOM。

getElementById方法采用表示id的字符串，而不是选择器。线索就在名字里。querySelectorAll方法接受一个表示选择器的字符串，但它返回一个节点列表，因此您必须像数组一样对其进行循环

您称之为javascript_属性的属性名需要与CSS属性名匹配，并将连字符转换为camelCase，因此它应该是彩色的

您给它的值需要匹配CSS属性值，而不是整个规则

然而，这些都不是纯JavaScript。除了来自选择器API的querySelectorAll之外，它是DOM