Как с помощью JS взять значение стиля order?

Question

[DonTraffic]

Есть такой код: (стили не имеют значения)

<div id="orderScene">
          <div class="flex-item">1</div>
          <div class="flex-item">2</div>
          <div class="flex-item">3</div>
          <div class="flex-item">4</div>
          <div class="flex-item">5</div>
        </div>

#orderScene{
          padding: 0;
          margin: 0;
          list-style: none;
          display: flex;
          flex-flow: row wrap;

          .flex-item {
            background: #69489d;
            color: white;
            padding: 20px 30px;
            margin: 5px;
            font-size: 2em;
          }
          .flex-item:nth-of-type(1) {
            order: 1;
          }
          .flex-item:nth-of-type(2) {
            order: 2;
          }
          .flex-item:nth-of-type(3) {
            order: 3;
          }
          .flex-item:nth-of-type(4) {
            order: 4;
          }
          .flex-item:nth-of-type(5) {
            order: 5;
          }

        }

И как можно отсюда на JavaScript, по нажатию кнопки, взять значение order, например 3-го элемента?

Comments

[Steppp]

смотри значения css свойств через consile.dir();

const div = document.querySelectorAll(`.flex-item`)[0];
consile.dir(div.style)

[DonTraffic]

Steppp,

[WapSter]

Дмитрий Уханов, точку поставь перед flex-item и так стили не получить.

Answer 1

[WapSter]

Answer 2

[DonTraffic]

var text = document.getElementById("text");
console.log(getComputedStyle(text).order);

Answer 3

[Sergey]

А зачем брать из стилей, если у вас нумерация совпадает с порядком. Берете индекс из массива объектов
var items = $('#orderScene > .flex-item');

Comments

[DonTraffic]

это jQuery?

[Sergey]

Дмитрий Уханов, да

[DonTraffic]

И что это должно дать? Как что нибудь отсюда вынести