如何在javascript变量中获取活动选项卡的值？

Question

我在 li 中有多个选项卡，每个 li 包含类和 id。每个选项卡都有自己的 div，其中包含某种形式。

<ul>                                        
<a href="#"><li id="call_details" class="postliactive">Driver Details</li></a
<a href="#"><li id="call_add"class="postli" >Address</li></a>
<a href="#"><li id="call_screen"class="postli">Screening</li></a>
<a href="#"><li id="call_license" class="postli">License Info</li></a>
<a href="#"><li id="call_traininginfo"class="postli">Training Info</li></a>
<a href="#"><li id="call_attachment"class="postli">Attachment</li></a>
</ul>

当我当时单击其他非活动 li 时，我想在 javascript var 中获取活动选项卡的值。问题是我在尝试显示时收到 [object NodeList] 警报。 我像这样保存并发出警报：

javascript：

`var driverval =document.getElementsByClassName('.form-horizontal')

    alert("DriverDetailsin driver"+driverval[index]);`

form-horizo​​ntal 是我的驱动程序详细信息 li 的类名。

如何获得可读值，因为我的 var driverval 将根据所选选项卡不断变化。

Answer 1

使用.innerHTML

alert("DriverDetailsin driver" + driverval[index].innerHTML);

---

driverval[index] 是 DOM 元素，因此您会收到警报 [object NodeList] 以获取其中的文本，您可以使用 .innerHTML