Что не так затратно на процессорное время?

Question

[re67man]

Соответственно, что будет более производительней из двух вариантов

element.style.border = '1px solid tomato'
или
element.classList.add('border')

.border{
border: 1px solid tomato;
}

Answer 1

[Максим Тимофеев]

www.cyberforum.ru/javascript/thread1036558.html

Comments

[re67man]

дополню. что быстрее отработает как в самом коде так и по отрисовке?

[Максим Тимофеев]

re67man: повторюсь www.cyberforum.ru/javascript/thread1036558.html

[Максим Тимофеев]

Максим Тимофеев: кстати js скрипт ничего не отрисовывает, он у Вас меняет css. Поэтому на рендер не повлияет. А скорость работы как измерять - есть по ссылке. Но это бестолковое занятие, это доли копеек. В то время, как наверняка есть места ждущие оптимизации.

Answer 2

[re67man]

я не знал как взаимодействует рендер и js поэтому и спрашивал.
а что в данном случае будет быстрее.

element:hover{
border: 1px solid silver;
}

или через событие
element.style.border = '1px solid tomato'