Как получить доступ к дочернему селектору на js?

Как правильно обратиться к дочернему селектору li-шке без класса, которая обернута в два div-а?
Краткий пример здесь https://jsfiddle.net/dcexd73m/
Там доступ только к внешнему id.
А к первой li-шке как получить?
Здесь ответ https://learn.javascript.ru/traversing-dom на примере
elem.childNodes[0] === elem.firstChild
не совсем понятно как это использовать в моем коде

Это в случае когда нет возможности добавить свой класс li-шке (список выводится шаблонизатором)

// Все li
var allLis = document.querySelectorAll('#main-menu li')

// Первая li
var firstLi = allLis[0]
1 симпатия