Как получить значение css свойства?

Question

[Айнур Ярулин]

Можно ли как-то обратится к opacity в If?

Вот что я имею ввиду:

if( элемент.opacity = 1 ){
    // code
} else {
    // code
}

Answer 1

[kocherman]

// Задать элементу opacity можно так
элемент.style.opacity = 0.8;

// Прочитать opacity у элемента так:
if(элемент.style.opacity == 0.8) {
}

// Если нужно посчитать фактический opacity у элемента, то так:
console.log(window.getComputedStyle(элемент).opacity);

Comments

[Айнур Ярулин]

Так просто? Спасибо)

[kocherman]

squadbrodyaga, немного не так. исправил ответ.

Смотрите,
элемент.style.opacity можно прочитать только когда opacity был указан на элементе либо через CSS либо через JS заранее.
А когда он не указан по-умолчанию, то он будет выдаваться пустой, даже если родительский элемент будет иметь opacity 0.5.
Чтобы вычислить фактический opacity небходимо вызвать window.getComputedStyle().
Тогда будет выдавать 1 даже когда opacity не задавался нигде заранее по-умолчанию.

[Айнур Ярулин]

kocherman, А вот так вот с помощью JQuery можно делать?

if( $('check_user').style.opacity !== 1 ){
		button.disabled = false;
	} else {
		button.disabled = true;
	}
}

[kocherman]

squadbrodyaga, C помощью jquery должно быть работать будет два способа:

if( $('check_user')[0].style.opacity != 1 ){
    button.disabled = false;
  } else {
    button.disabled = true;
  }
}

и

if( $('check_user') .css('opacity') != 1 ){
    button.disabled = false;
  } else {
    button.disabled = true;
  }
}

Не используйте === и !== а используйте == и != так как вы сравниваете число 1, а результат $('check_user')[0].style.opacity - это строка"1"

[Айнур Ярулин]

kocherman, хорошо, надеюсь у меня всё будет работать, спасибо)

[kocherman]

squadbrodyaga, ну если что, пишите коммент сюда, я как увижу - постараюсь ответить.

[Айнур Ярулин]

kocherman, я исчерпал лимит вопросов на сайте, но у меня есть еще один),
можно так создавать переменную с помощью JQuery?
let название = $("#элемент");

[kocherman]

jQuery не используется для создания переменных.
Но вы правильно объявили переменную.