Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了node.js – 在创建屏幕截图之前,是否可以使用puppeteer修改DOM中的元素?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新的木偶操作者,但对 javascript和Node.js相当满意,但遇到了一个问题,我发现了一个相当简单的Node进程来捕获截图.在@L_616_3@屏幕截图之前,是否可以使用puppeteer更改HTML元素的innerText?

已经成功使用puppeteer在身份验证字段中键入文本并登录站点,但是想知道是否有类似方法可以让我更改特定元素中的文本(使用id或类名)

我正在使用的屏幕捕获代码例:

const puppeteer = require('puppeteer');
 (async () => {
    const browser = await puppeteer.launch()
    const page = await browser.newPage()
    await page.goto('https://google.com')
    await page.screenshot({path: 'google.png'})
    await browser.close()
 })()

所以在这个例子中,我有兴趣知道我是否可以更改元素的文本内容,例如ID为’lga’的div …例如添加文本字符串.

木偶戏有可能吗?

否则,它工作得很好,我只需要在页面中插入一些文本我正在执行截图.我只在ubuntu 16.04机器上使用命令行,而节点版本9,puppeteer版本1.0.0

解决方法

你可以在屏幕前做到这一点

await page.evaluate(() => {
    let dom = document.querySELEctor('#id');
    dom.innerHTML = "change to something"
 });

大佬总结

以上是大佬教程为你收集整理的node.js – 在创建屏幕截图之前,是否可以使用puppeteer修改DOM中的元素?全部内容,希望文章能够帮你解决node.js – 在创建屏幕截图之前,是否可以使用puppeteer修改DOM中的元素?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。