как использовать css свойство в качестве аргумента логического оператора js?

Question

Нужно в качестве аргумента в логическом операторе использовать css свойство

if (sliderItem.style.left == "100%")

Доп. инфа

js

var sliderItem = document.getElementById("slider_" + sliderCount);

  if (sliderItem.style.left == "100%") {
    alert("Fd")
  }

css

 #slider_1 {
      left: 100%;
    }

html

 <li class="slider-item" id="slider_1"></li>
              left: 100%;
            }

Простите , не смог нагуглить :(

Answer 1

Документация computedStyleMap

console.log(
  document.getElementById('slider_1').computedStyleMap().get('left').toString() === '100%'
)

#slider_1 {
  left: 100%;
}

<li class="slider-item" id="slider_1">foo</li>

Для браузеров не поддерживающих computedStyleMap, getComputedStyle

console.log(
  getComputedStyle(document.getElementById('slider_1')).left === '100%'
)

#slider_1 {
  left: 100%;
}

<li class="slider-item" id="slider_1">foo</li>