Как получить доступ к элементам DOM в электронном?

Я пытаюсь добавить функциональность к кнопке вindex.html Файл выглядит следующим образом: у меня есть элемент кнопки вindex.html

<button id="auth-button">Authorize</button>

Вmain.js приложения у меня есть

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;
    });
});

Но ошибка происходит следующим образом:Uncaught Exception: ReferenceError: document is not defined

Можно ли получить доступ к объектам DOM при создании электронных приложений? или есть ли другой альтернативный способ, который может дать мне необходимую функциональность?