¿Cómo acceder a elementos DOM en electrón?
Estoy tratando de agregar funcionalidad a un botón enindex.html
El archivo es el siguiente: Tengo un elemento de botón enindex.html
<button id="auth-button">Authorize</button>
Enmain.js
de la aplicación, tengo
require('crash-reporter').start();
console.log("oh yaeh!");
var mainWindow = null;
app.on('window-all-closed', function(){
if(process.platform != 'darwin'){
app.quit();
}
});
app.on('ready',function(){
mainWindow = new BrowserWindow({width:800, height : 600});
mainWindow.loadUrl('file://' + __dirname + '/index.html');
var authButton = document.getElementById("auth-button");
authButton.addEventListener("click",function(){alert("clicked!");});
mainWindow.openDevTools();
mainWindow.on('closed',function(){
mainWindow = null;
});
});
Pero se produce un error de la siguiente manera:Uncaught Exception: ReferenceError: document is not defined
¿Se puede acceder a los objetos DOM mientras se crean aplicaciones electrónicas? ¿O hay alguna otra forma alternativa que me puede dar la funcionalidad requerida?