¿Cómo puedo leer el valor del contador CSS aplicado?

Di que tienes un contador CSS 2.1 como

ol {
  counter-reset: section;
  list-style-type: none;
}
li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
}


<ol>
  <li>itemA</li>          <!-- 1     -->
  <li>itemB               <!-- 2     -->
    <ol>
      <li>itemC</li>      <!-- 2.1   -->
      <li id="foo">itemD</li>      <!-- 2.2   -->

(verhttps: //developer.mozilla.org/en/CSS_Counter "contadores de anidamiento")

Hay una manera de leer / obtener el:before.content ("2.2" en este caso) para<li id="foo"> en JavaScript?

Edit: en mi caso, una solución solo de Mozilla sería suficiente. Pero realmente no parece haber forma de acceder a esta información. Al menos no encontré ninguno enhttps: //developer.mozilla.org/en/CSS_Counter ff.

Respuestas a la pregunta(4)

Su respuesta a la pregunta