mirror of
https://github.com/puppeteer/puppeteer
synced 2024-06-14 14:02:48 +00:00
93e9acc410
Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Nikolay Vitkov <nvitkov@chromium.org>
98 lines
1.7 KiB
Markdown
98 lines
1.7 KiB
Markdown
---
|
|
sidebar_label: ElementHandle.waitForSelector
|
|
---
|
|
|
|
# ElementHandle.waitForSelector() method
|
|
|
|
Wait for an element matching the given selector to appear in the current element.
|
|
|
|
Unlike [Frame.waitForSelector()](./puppeteer.frame.waitforselector.md), this method does not work across navigations or if the element is detached from DOM.
|
|
|
|
#### Signature:
|
|
|
|
```typescript
|
|
class ElementHandle {
|
|
waitForSelector<Selector extends string>(
|
|
selector: Selector,
|
|
options?: WaitForSelectorOptions
|
|
): Promise<ElementHandle<NodeFor<Selector>> | null>;
|
|
}
|
|
```
|
|
|
|
## Parameters
|
|
|
|
<table><thead><tr><th>
|
|
|
|
Parameter
|
|
|
|
</th><th>
|
|
|
|
Type
|
|
|
|
</th><th>
|
|
|
|
Description
|
|
|
|
</th></tr></thead>
|
|
<tbody><tr><td>
|
|
|
|
selector
|
|
|
|
</td><td>
|
|
|
|
Selector
|
|
|
|
</td><td>
|
|
|
|
The selector to query and wait for.
|
|
|
|
</td></tr>
|
|
<tr><td>
|
|
|
|
options
|
|
|
|
</td><td>
|
|
|
|
[WaitForSelectorOptions](./puppeteer.waitforselectoroptions.md)
|
|
|
|
</td><td>
|
|
|
|
_(Optional)_ Options for customizing waiting behavior.
|
|
|
|
</td></tr>
|
|
</tbody></table>
|
|
**Returns:**
|
|
|
|
Promise<[ElementHandle](./puppeteer.elementhandle.md)<[NodeFor](./puppeteer.nodefor.md)<Selector>> \| null>
|
|
|
|
An element matching the given selector.
|
|
|
|
## Exceptions
|
|
|
|
Throws if an element matching the given selector doesn't appear.
|
|
|
|
## Example
|
|
|
|
```ts
|
|
import puppeteer from 'puppeteer';
|
|
|
|
(async () => {
|
|
const browser = await puppeteer.launch();
|
|
const page = await browser.newPage();
|
|
let currentURL;
|
|
page
|
|
.mainFrame()
|
|
.waitForSelector('img')
|
|
.then(() => console.log('First URL with image: ' + currentURL));
|
|
|
|
for (currentURL of [
|
|
'https://example.com',
|
|
'https://google.com',
|
|
'https://bbc.com',
|
|
]) {
|
|
await page.goto(currentURL);
|
|
}
|
|
await browser.close();
|
|
})();
|
|
```
|