首页 > 代码库 > js获得子页面元素
js获得子页面元素
在主页面中。添加iframe子页面,假设须要获得子页面的元素则能够使用javascript的contentWindow来获得,注意iframe和frameset必须加入id。详细样例例如以下:
mainindex.jsp中加入子页面
<iframe id="indexIframe" src=http://www.mamicode.com/"jsp/main/main.html" width=100% height=100% scrolling="no" frameborder="0"></iframe>
main.html中加入frameset
<frameset rows="102,*" frameborder="no" border="0" framespacing="0" >
<frame src=http://www.mamicode.com/"navigation.jsp" id="topFrame" name="topFrame" scrolling="No" id="topFrame" style="overflow-y:hidden;overflow-x:hidden"/>
<frame src=http://www.mamicode.com/"../live/gplayer/bin/gplayer.jsp" name="mainFrame" id="mainFrame" scrolling="No" style="overflow-y:hidden;overflow-x:hidden"/>
</frameset>
navigation.jsp页面中存在某个元素
<img id="moreImg" src=http://www.mamicode.com/"images/web/more_available.png" style="cursor:pointer" onclick="popupMenu()">
在主页面mainindex.jsp中获得img元素,利用javascript能够这样获得
var indexiframe=document.getElementById("indexIframe");
var topframe=indexiframe.contentWindow.document.getElementById("topFrame");
var moreImg=topframe.contentWindow.document.getElementById("moreImg");
moreImg.src=http://www.mamicode.com/"images/web/more_available.png";
js获得子页面元素