javascript - 无法访问可排序列表中子元素的 innerHTML

Question

我有一个这样的可排序列表:

<div id = "sortable">

         <div class = "sortableItem day">Monday</div>
         <div class = "sortableItem" id="result1">Hotel 1</div>
         <div class = "sortableItem" id="result2">Hotel 2</div>
         <div class = "sortableItem" id="result3">Hotel 3</div>
         <div class = "sortableItem" id="result4">Hotel 4</div>
         <div class = "sortableItem" id="result5">Hotel 5</div>

</div>

我正在尝试访问“可排序”div 的不同子元素，但我只管理第一个 - 之后我返回“未定义”。

所以当我登录时:

sortable.childNodes[1]

我确实在控制台中返回“星期一”。但是一旦我将其更改为:

sortable.childNodes[2]

(或与此相关的任何其他索引)我未定义。我确定我正在做一些非常基本的错误，但任何指示将不胜感激。

Answer 1

尝试使用 children 而不是 childNodes

sortable.children[1]