Javascript 从id为的容器中选择子容器并更改文本颜色

我试图用Javascript改变这个跨度的文本颜色，但似乎找不到使用getElementById或TagName的方法。有没有办法选择一个只知道其父id的元素

---

您可以使用jquery在span上设置类：

jQuery(document).ready(function() {
  jQuery('#teste_1 span').addClass('class_name');
});

---

您可以使用querySelector方法在vanilla JS中执行此操作：

现在，您已经拥有了span元素，现在可以使用它执行任何操作—根据需要更改其颜色

querySelector的参数与使用CSS选择元素的方式相同。

作为querySelector的替代方法，您还可以使用专用函数：

document.querySelector('#test_1 span').style.color = 'red';

document.getElementById('teste_1').getElementsByTagName('span')[0].style.color = 'red';

---

如果您必须单独获取teste_1，这将更有用。

最好显示您的代码，而不是屏幕截图。类名有什么敏感之处，您必须对其进行编辑？使用jQuery方法更简单$测试1 span.css“颜色”、“红色”；为什么不使用CSS:banner.container.menu_banner block_105 ul menu_1 teste_1 span{color:green；}？您需要一些方法来访问元素。因此，在某些地方，您需要使用与元素相关的id或类，以便将DOM导航到元素。这是非常简单的香草JavaScript。仅仅因为你有一把锤子，并不意味着所有的东西都需要被击中！我添加了这个使用jquery来设置span上的类：-他不使用jquery是有责任的…没有什么可以让downvoteTo downvotters：jquery仍然是JavaScript。它碰巧有一个很好的选择器引擎，可以按照OP的要求执行操作。您是否也会否决告诉OP使用其他选择器引擎的答案？如果有任何答案告诉OP使用某个库和代码示例，而OP没有特别提到该库，您会投反对票吗？我认为不是。请记住，答案不仅针对OP，也针对所有随机出现在这个问题上的访客。如果他们已经在使用jQuery，那么一个带有jQuery的答案仍然是标签所暗示的JavaScript，这似乎是一个有效的替代方案。可能不是OP会选择的答案，也不是您最喜欢的答案，但也不一定有问题，除非OP指定没有jQuery。@Stijn是的，我对所有需要库的答案投反对票，这些问题不是库特有的。向下投票是为了那些没有用的答案，而这个答案就是这样。

document.getElementById('teste_1').getElementsByTagName('span')[0].style.color = 'red';