如何访问带有Javascript或JQuery的Aria组合框的值

Question

我有以下HTML无法更改(是公司工具的一部分，我对其没有影响(。这是一个下拉菜单，我想用Tampermonkey脚本中的Javascript/JQuery访问下拉菜单中的所有值(链接(：

<div class="ant-select-selection ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="e80ef4e8-f947-4351-88b3-136bb5f3d62f" aria-expanded="false" tabindex="0">
<div class="ant-select-selection__rendered"><div class="ant-select-selection-selected-value" title="6 - Live" style="display: block; opacity: 1;">6 - Live</div></div>
<div class="ant-select-selection-selected-value" title="6 - Live" style="display: block; opacity: 1;">6 - Live</div>
</div>

最终目标：添加一个按钮，只需单击即可从下拉列表中打开5个链接

我尝试了什么：

document.getElementsByClassName("ant select selection"(：返回；未定义的"；document.querySelector("combobox"(：返回；未定义的"；

我的理解

我知道当我点击下拉菜单时，的值

aria-expanded="false" 

更改为"；真"；和新类别

ant-select-open, ant-select-focussed, ant-select-enabled

是对元素的。向下拉列表上的单击添加evenListener并在单击后尝试访问值也不起作用(只返回下拉列表中的选定值，而不是全部(

但我不知道如何利用它来访问所有的下拉值。

简而言之，我的问题是：如何访问aria组合框下拉元素的值？

Answer 1

我复制了那个html并做了：

var x = document.getElementsByClassName("ant-select-selection");
x[0].innerHTML = "hello"

并得到了对主CCD_ 1的引用。

HTML是动态的吗？可能您正试图在它被呈现之前访问它，或者该内容可能在iframe元素内部。