Remove All <tag> In An Iframe

I am trying to remove all of the h2 and h3 tags within an iframe. Here is the code I have thus far, to get the h2 and h3.

<script>
function getElementsByTagNames(list,obj){
if (!obj) var obj = document;
var tagNames = list.split(',');
var resultArray = new Array();
for (var i=0;i<tagNames.length;i++){
var tags = obj.getElementsByTagName(tagNames[i]);
for (var j=0;j<tags.length;j++){
resultArray.push(tags[j]);
}
}
var testNode = resultArray[0];
if (testNode.sourceIndex){
resultArray.sort(function (a,b) {
return a.sourceIndex - b.sourceIndex;
});
}
else if (testNode.compareDocumentPosition){
resultArray.sort(function (a,b) {
return 3 - (a.compareDocumentPosition(b) & 6);
});
}
return resultArray;
}

function test(){
var TheFrame = frames['iFrame1'];
TheFrame.parent = window.self;
var badElements = getElementsByTagNames('h2', TheFrame);
alert( badElements.length );
}
</script>

If i run getElementsByTagNames on the current document, it will grab the h2's. But if i try and run it on the frame, i get permission errors. I have alerted the TheFrame var, and it is infact an object like it should be.