ощью javascript легко установить встроенные значения CSS. Если я хочу изменить ширину, и у меня есть HTML, как это:

<div style="width: 10px"></div>

Все, что мне нужно сделать, это:

document.getElementById('id').style.width = value;

Это изменит значения встроенной таблицы стилей. Обычно это не проблема, потому что встроенный стиль переопределяет таблицу стилей. Пример:

<style>
   #tId {
      width: 50%;
   }
</style>

<div id="tId"></div>

Используя этот Javascript:

document.getElementById('tId').style.width = "30%";

Я получаю следующее:

<style>
   #tId {
      width: 50%;
   }
</style>

<div id="tId" style="width: 30%";></div>

Это проблема, потому что я не только не хочу изменять встроенные значения, если я ищу ширину, прежде чем установить ее, когда у меня есть:

<div id="tId"></div>

Возвращаемое значение равно Null, поэтому, если у меня есть Javascript, которому нужно знать ширину чего-либо для выполнения некоторой логики (я увеличиваю ширину на 1%, а не до определенного значения), возвращая значение Null, когда я ожидаю строку "50% "на самом деле не работает.

Итак, мой вопрос: у меня есть значения в стиле CSS, которые не расположены внутри строки, как я могу получить эти значения? Как я могу изменить стиль вместо встроенных значений, учитывая идентификатор?