js访问iframe中的DOM.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js访问frame中的DOM</title>
</head>

<body>
<iframe name="newiframe" id="newiframe" src="a.html" mce_src="a.html" width="500" height="200" ></iframe>
<script type="text/javascript">
var temp_css;
temp_css+="<style type=\"text/css\">";
temp_css+="body{ margin-top:100px; background-color:#f00; font-size:20px;}";
temp_css+="</style>";
window.onload=function(){
 var obj=window.frames["newiframe"];
 obj.document.body.innerHTML+=temp_css;
}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/positive/p/3658834.html

猜你喜欢

转载自blog.csdn.net/weixin_34111819/article/details/93495753