Extensão chrome pegar elementos da tela

Front-end
#1

Boa tarde galera,
Estou tentando criar uma extensão para o chrome, onde ao clicar em um botão ele vai varrer alguns elementos da tela, remover os mesmo e fazer inserir alguns dados.
Porem estou com dificuldades em como pegar esses elementos de uma pagina através da extensão.
Já olhei a API do chrome e mesmo assim nada.

Tentei tambem criar uma pagina com um iframe apontando pra essa pagina de terceiro que eu pretendo remover os campos e inserir alguns dados. Porem qndo tento navegar pelos elementos ele não deixa pegar elementos de dentro do iframe.

a idéia da extensão seria algo do tipo:

	window.onload = function(){

		var searchButton = document.getElementById('buttonSearch');

		searchButton.onclick = function()
		{
			a = document.getElementsByTagName("td")[6];
			b = document.getElementsByTagName("td")[7];
			c = document.getElementsByTagName("td")[3].firstElementChild.value="SEULOGIN"; 
			d = document.getElementsByTagName("td")[5].firstElementChild.value="SUASENHA";
			a.remove(true);
			b.remove(true);
		}		
	}

já a tentativa do iframe foi assim,
codigo javascript

// JavaScript Document
(
function(){

var widgetScript = document.getElementsByTagName('script')[document.getElementsByTagName('script').length-1];
var widgetParent = widgetScript.parentNode;
var counter = 0;

if(widgetParent.className=="meuWidget") widgetParent.id = "meuWidgetStage";

var widgetContainer = document.createElement("div");
widgetParent.insertBefore(widgetContainer, widgetScript);

var isLoad = setInterval(function(){
try {
counter += 1;
widgetContainer.innerHTML = '<iframe src="URL DO SITE" width="1600" height="376" frameborder="0" border="0" scrolling="no"></iframe>';
clearInterval(isLoad);
}
catch (e) {
if(counter>5) { // 3 seconds timeout
widgetContainer.innerHTML = '<iframe src="URL DO SITE" width="1600" height="376" frameborder="0" border="0" scrolling="no"></iframe>';
clearInterval(isLoad);
}
else {
return;
}
}
},500);
}
)();

e o html

<!DOCTYPE html>
<html>
	<head>
		<link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css' />
		<link href='style.css' rel='stylesheet' type='text/css' />
	</head>
	<body>
<div class="meuWidget">
<script src="gambi.js" type="text/javascript"></script>
</div>
	</body>
</html>

tentei acessar pelo seguinte javascript via console

document.querySelectorAll("#meuWidgetStage")[0].firstElementChild.firstElementChild

e ele me retornou o seguinte erro.
Unsafe JavaScript attempt to access frame with URL http:/linkdosite from frame with URL file:///C:/meu.html. The frame requesting access has a protocol of ‘file’, the frame being accessed has a protocol of ‘http’. Protocols must match.

#2