js 子页面如何获取父级页面的元素

Question

确定 存在 <span id="name"></span>

Answer 1

//第二个应该是可以的：
parent.document.getElementById('这里面的是ID，不是name值');//比如父页面中：<input type="text" id="txt">
parent.document.getElementById('txt');

Answer 2

知道是id，不是name
父级页面中
<form>
   <span id="txt">abc</span>
</form>
子页面中
window.parent.document.getElementById("txt")window.parent.document.getElementById("txt");
然后提示下面的错
TypeError: window.parent.document.getElementById("txt") is null
[在此错误处中断]    就是提示这个错误

Answer 3

在子页面声明一个函数:function a(){alert(1)}然后父页打开子页面:window.open('子页面');在子页面中写:window.opener.a(); 看看有无结果

Answer 4

按着5楼的试了 可以调用a方法，但是还是不能获取父级页面的带有id的元素

Answer 5

那就在父页面中返回呗
function a(){return document.getElementById("txt")}

Answer 6

其实2中方法都是可以的，普通的打开窗口方式使用window.opener.document.getElementById("name");取得父页面的值，打开的是模式窗口用window.parent.document.getElementById("name");去得父页面的值。希望对大家有所帮助

Answer 7

你要是父页面为frameset框架页面呢，我的就是这种情况，window.parent可以取到值，但是window.parent.document就是underfined了，不过我是再过demo是静态页面，请高手帮忙~~

Answer 8

<script type="text/javascript">
    var _temp = parent.window.$("#hidUserId").val(); //父页面的Id值为hidUserId
    $("#hidUserId").val(_temp);//在把父页面的值赋给当前页面
    alert($("#hidUserId").val());
</script>

Answer 9

<script type="text/javascript">
    var _temp = parent.window.$("#hidUserId").val(); //父页面的Id值为hidUserId
    $("#hidUserId").val(_temp);//在把父页面的值赋给当前页面
    alert($("#hidUserId").val());
</script>