stackoom
  简体   繁体   中英

Get HTML elements in nested HTML

 原文  2019-02-12 17:44:10  7   2    javascript/ html/ node.js/ puppeteer

Question

The page has the structure:

<html>
 <body>
  ...
  <button class="myclass1" type="button">Continue1</button>
   ...
    #document
     <html>
      <body>
       <button class="myclass" type="button">Continue2</button>

How can I click a button Continue2?

I'm trying to use expect-puppeteer. But if you have a solution for puppeteer then I will use it.

await expect(page).toClick('button', { text: 'Continue2'}); // not work(Nested html)
await expect(page).toClick('button', { text: 'Continue1'}); // work

2 answers

solution1
 0  2019-02-15 10:18:11

You need to detect the frame first, then use it instead of page . In puppeteer :

const frame = page.frames().find(frame => frame.name() === 'iframe-1');
await frame.click('button.myclass');

solution2
 -1  2019-02-12 17:50:20

Try delete second and tags. I'm not sure about that, but maybe it works.

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How to get elements from nested <html> document? Get id of div in nested HTML elements using jquery Refer to nested HTML elements with jQuery Knockout binding with nested html elements get child elements html get html elements in angularJS Get Elements of a HTML div How to get HTML Nested Accordion Finding React Components nested inside html elements React rendering html elements in nested loops
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM