Почему не меняет стиль через класс?

Question

[Kotaro Hiba]

Здравствуйте, решил освоить JS + TS, с JS знаком только на уровне jQuery, хочу поменять стиль определенного элемента, нахожу его таким способом

const mems = document.getElementsByClassName('mems')[0];
mems.style.color = 'red';

Если делать тоже самое через id то все работает, в чем может быть проблема?
Настройки TS

{
  "compilerOptions": {
    "outDir": "./dist/",
    "noImplicitAny": true,
    "module": "commonjs",
    "target": "es6",
    "jsx": "react",
    "allowJs": true

  },
  "include": [
    "src/*.ts",
    "src/module/*.ts",
    "src/module/classes/*.ts"

  ],
  "exclude": ["node_modules"]
}

Comments

[Mazino]

https://webref.ru/course/css-basics/priority проверьте, чтобы ваш стиль не перебивался другими свойствами.
проверьте, что вы получаете целевой элемент в селекторе.
используйте document.querySelector(.class|#id|tag) он поддерживает css селекторы и будет меньше путаницы. Для получения массива элементов есть document.querySelectorAll(...selectors)
попробуйте добавить стиль 'red !important'

[Kotaro Hiba]

Mazino, да получаю именно тот же элемент
<div class='mems'> hello world</div>

Если заменить TS на JS то проблемы не возникает :/
Вот что пишет консоль: Property 'style' does not exist on type 'Element'.

[Mazino]

Kotaro Hiba, https://stackoverflow.com/questions/37655393/how-t...

[Kotaro Hiba]

Mazino, Большое спасибо, проблему решил

Answer 1

[Иван Доброславин]

а если вместо

document.getElementsByClassName('mems')

написать document.querySelector('.mems')

Я точно не помню, но по классу вроде находит первый попавший элемент с классом. Для всех элементов вот так

document.querySelectorAll