如何获取CSS网格中的所有元素(包括隐藏元素
如何获取CSS网格中的所有元素(包括隐藏元素
提问于 2018-06-28 04:51:35
我想使用Javascript一次获得所有“可用项”(查看下面的截图)，但我不能一次获得所有项，因为我必须使用滚动条来使其余的可用服务出现在CSS网格中。
<div class="gridWrapper" data-dojo-attach-point="fromGridWrapper">
<!--
By default, hidden because the same template file is used whether the "from"
node supports filtering or not - really no reason for 2 files.
=> The Filtering sub-class will remove the hidden class and attach functionality.
-->
<div class="dijit dijitReset dijitInline dijitLeft dijitTextBox filterAvailableItems" id="widget_dijit_form_TextBox_0" role="presentation" widgetid="dijit_form_TextBox_0">
<div class="dijitReset dijitInputField dijitInputContainer"><input class="dijitReset dijitInputInner" data-dojo-attach-point="textbox,focusNode" autocomplete="off" type="text" tabindex="0" id="dijit_form_TextBox_0" size="20" value=""><span class="dijitPlaceHolder dijitInputField">Filter Available Items</span></div>
</div>
<div data-dojo-attach-point="fromNode" id="from_serviceSelect" class="dgrid dgrid-list ui-widget" role="grid" widgetid="from_serviceSelect">
<div class="dgrid-header dgrid-header-row ui-widget-header">
<div class="title">Available Items</div>
</div>
<div class="dgrid-scroller" style="user-select: none; margin-top: 35px; margin-bottom: 0px;">
<div class="dgrid-content ui-widget-content">
<div class="dgrid-preload" style="height: 0px;"></div>
<div class=" dgrid-row dgrid-row-even ui-state-default dgrid-selected ui-state-active dgrid-focus" id="from_serviceSelect-row-34707" tabindex="0">A Guest is running on Snapshot</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-37729">Active Directory</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-31076">Active Directory 2012 - DRA</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-36616">Active Directory Critical</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-38883">Active DSOs (Cisco)</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-32796">Active Queue Length </div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-31583">AD</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-35072">ADTRAN - Device Health</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-35420">ADTRAN - Memory</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-37393">Agent Status</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-36194">APC PDU</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-31250">APC UPS</div>
<div class=" dgrid-row dgrid-row-even ui-state-default" id="from_serviceSelect-row-35131">APC UPS - Humidity</div>
<div class=" dgrid-row dgrid-row-odd ui-state-default" id="from_serviceSelect-row-32621">APC UPS - Temperature</div>
<div class=" dgrid-row dgrid-row-even ui-state-default"
<div class="dgrid-preload" style="height: 7315px;"></div>
</div>
</div>
<div class="dgrid-header dgrid-header-scroll dgrid-scrollbar-width ui-widget-header" style="height: 35px;"></div>
<div class="dgrid-footer dgrid-footer-hidden"></div>我可以通过多次更改CSS的网格属性来一次获得所有的网格(包括隐藏的网格)，但它们只是试验和错误。有谁能帮帮我吗？
回答 1
Stack Overflow用户
发布于 2018-06-28 05:11:17
尽管我只看到了HTML结构，但小部件很可能是以异步方式工作的，其中仅为当前可见的项/行生成div。
如果你真的想要模拟用户操作，或者你需要测试小部件是否正常工作，那么你真的需要这样做，也就是：
- 发送向上/向下滚动事件，直到没有内容更改(或者如果scrollbar属性更改为某些值，表示)
- 收集所有项目和唯一的项目。
如果这不是必须的(您不做小部件验证，而是E2E测试)，那么您可以深入研究小部件的内部结构，并：
- 如果源代码可用，请将其更改为允许一次查询所有值，并将它们存储在隐藏的div中。
- 自己向服务器发送一个HTTP请求(这将是最深入的见解)
我会去改变小部件--也就是为它实现一个testing / e2e模式。这在许多现代软件项目中是必须的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51071226
复制相关文章
相似问题