有什么方法可以检查一个元素是否在纯JS(没有jQuery)中可见?
因此,例如,在此页面中:Performance Bikes,如果您将鼠标悬停在Deals(在顶部菜单上),则会出现一个交易窗口,但在开始时它没有显示.它在HTML中,但不可见.
因此,给定一个DOM元素,我该如何检查它是否可见?我试过了:
window.getComputedStyle(my_element)['display']);
Run Code Online (Sandbox Code Playgroud)
但它似乎没有起作用.我想知道应该检查哪些属性.它出现在我的脑海里:
display !== 'none'
visibility !== 'hidden'
Run Code Online (Sandbox Code Playgroud)
还有其他我可能会失踪的人?
是否有任何方法(在API中找不到)或解决方案点击带有文本的元素?
例如我有html:
<div class="elements">
<button>Button text</button>
<a href=#>Href text</a>
<div>Div text</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想点击包含文字的元素(点击.elements里面的按钮),如:
Page.click('Button text', '.elements')
Run Code Online (Sandbox Code Playgroud)
有解决方案吗
我想知道是否有类似于selenium的方式来等待文本出现在特定元素中.我尝试过类似的东西,但它似乎没有等待:
await page.waitForSelector('.count', {visible: true});