如何使用JavaScript检测CSS类是否激活或修改CSS类名

我有如下HTML代码：

<li class="imagenav active">
  some codes go here
</li>

请问是否可以通过JavaScript检测imagenav类的元素是否处于激活状态，或是修改CSS类名？例如：

if imagenav is active {
  do some codes here ...
}

提前感谢各位解答。

感谢Barmar提供的检测列表元素类名的方法，但我更倾向于使用JavaScript修改CSS类名，这会让代码更易操作。因此我为HTML元素添加了id，希望页面首次加载时控制左箭头的激活/禁用状态，以下是我的可行代码：

<div id="active-leftarrow" class="imagenav">
  <script type='text/javascript'>
    document.getElementById('active-leftarrow').className = 'imagenav disabled';
  </script>
</div>

再次感谢。

内容的提问来源于stack exchange，提问作者Meng888