javascript - 从 electron 中的 html 中检索一个类

标签 javascript html css electron

我有一个基本的 Electron 应用程序,我试图从 html 的文档表单中检索数据。我基本上想要像在普通 html 文档中那样使用 const form = document.querySelector('form'); 但是当我启动程序时它总是显示未定义文档的错误

const electron = require('electron');
const url = require('url');
const path = require('path');

let mainWindow;

app.on('ready', () => {

mainWindow = new BrowserWindow({});

mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'MainWindow.html'),
    protocol: 'file:',
    slashes: true
}));

const form = document.querySelector('form');
});

<body>
    <main>
        <form class="submit-form">
            <input type="text" placeholder="Search Text..">
            <button>Search</button>
        </form>
    </main>
</body>

最佳答案

文档 仅在Renderer 进程中可用。所以你必须在那里调用你的查询。 在您的情况下,最直接的做法是 executeJavaScriptBrowserWindowwebContents

mainWindow.webContents.on('dom-ready', () => {
  mainWindow.webContents.executeJavaScript(`
    const form = document.querySelector('form');
    // manipulate form...
  `)
})

关于javascript - 从 electron 中的 html 中检索一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52717557/

相关文章:

javascript - 如何使用 Processing.js 水平翻转图像?

javascript - Jquery 的 eq(0), "..first-child", first() 如果它是一个 iframe 则不捕获第一个 child

html - 放置 anchor 标记以覆盖元素的语义正确方法

php - 如何调整图像覆盖 slider

javascript - 我如何在 Div 的 HOVER 上使它在 div 上淡出

Javascript 连接和前缀或重命名 Prop

javascript - knockout 验证没有按我想要的方式工作

javascript - 设置div为隐藏,延时后可见

javascript - 使用自定义 UI 创建 html 框

CSS3 悬停效果不适用于移动浏览器