Как получить элемент имея element.style.(some-style)?

Question

[Avtandil03]

нужно получить элемент что бы можно было менять разные стили

let element , element2;

        someFuncton(element.style.height);
        someFuncton(element.style.width)

        function someFuncton(value){
          /* нужно получить элемент что бы можно было менять разные стили  */
        }

Comments

[ThunderCat]

нихчего не понятно, то есть someFuncton(element.style.height); где height допустим 50 вернет что? someFuncton(50); должно вернуть какой элемент?

Answer 1

[Nik Faraday]

Используйте jquery селектор по классу

Answer 2

[Alixx]

В данном случае никак, т.к. в someFuncton передаётся значение стиля. Чтобы в someFuncton получить элемент, нужно его передать в эту функцию:

let element , element2;

        someFuncton(element.style.height, element);
        someFuncton(element.style.width, element)

        function someFuncton(value, element){
          /* теперь тут доступен элемент и у него можно менять разные стили */
        }

А если по-нормальному, то тогда незачем в эту функцию значение стиля передавать, т.к. в функции сам элемент теперь доступен.

Либо, как уже было сказано, используйте в функции поиск элемента по css селектору.

Answer 3

[Сергей delphinpro]

function styles(el, style) {
  for (let prop in style) {
    const val = style[prop];
    el.style[prop] = val;
  }
}

const element = document.querySelector('.someclass');

styles(element, {
  height: '20px',
  textTransform: 'uppercase',
});