从容器中选择带有id的<span>子项并更改文本颜色</span>

Question

我正在尝试使用Javascript更改此跨区的文本颜色，但我似乎找不到使用getElementById或TagName访问它的方法。有没有办法选择只知道其父ID的元素？

Answer 1

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

Answer 2

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

var span = document.querySelector('#teste_1 span');

现在您已经拥有了span元素，现在可以对其进行任何操作（根据需要更改颜色）。

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

Answer 3

作为querySelector的替代方案，您还可以使用专门的功能：

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

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

Answer 4

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

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