iframe로 getElementById안되나

[초보]

var cate = parent.document.getElementById('mcate');
var opt = cate.createElement('option');

opt.value = 'val1';
opt.text = 'names1';
cate.add(opt, null);

iframe에 hidden으로 submi한다음에

select box에 option을 add 하려고 합니다.

그냥 자기 페이지 일때는
var cate = document.getElementById('mcate');
var opt = cate.createElement('option');

opt.value = 'val1';
opt.text = 'names1';
cate.add(opt, null);

이렇게 하면 잘 추가가 되는데요.

iframe에서는
cate.createElement is not a function
이라고 나오네요.

iframe에서는 다르게 해야 하나요?

그리고 저번에 올린 select option remove하고 add하는소스 중에서

opt.setAttribute("value", val);
var t = sel.form.ownerDocument.createTextNode(txt);
opt.appendChild(t);
sel.appendChild(opt);

이렇게 하는것과 위에 제가 하는방법과 무슨 차이가 있는건가요?

[초보]

parent.document.createElement('option');

이렇게 했어야 했는데

cate.createElement('option'); 를 해버려 그렇네요..

크흑~