获取iframe中子页面的样式，要求兼容谷歌浏览器

目前iframe的id是right，该iframe会链接到一个页面，其中该页面中table的id为tableA，我想通过触发父页面来改变iframe调用页面的table的... 目前iframe的id是right，该iframe会链接到一个页面，其中该页面中table的id为tableA，我想通过触发父页面来改变iframe调用页面的table的宽度，目前获取该宽度的方法是$("#rigth").contents().find("#tableA").css('width');但是发现这个方法在谷歌浏览器不兼容，求一个兼容IE8+,火狐和谷歌浏览器的方法，谢谢。
另外，用JS和jQuery都可以，最好是jQuery，谢谢展开

 我来答

2个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

旋风小魔头
2014-07-16 · TA获得超过114个赞

知道答主

回答量：54

采纳率：0%

帮助的人：67.6万

我也去答题访问个人页

关注

展开全部

　　$(function(){
    　　$("#rigth").load(function(){
    　　    console.log($(this).contents().find("#tableA").css('width'));
    　　});
　　});

你要等iframe加载完毕之后再去获取，否则你获取的是空的元素

更多追问追答
追问

感觉很有道理，因为我打印出来的值确实为空，但是参考你的代码修改了一下，并没有效果…不知道什么原因
追答
不可能啊！我自己本地测试是可以的呀
<iframe src="link.html" width="300px" height="300px" id="frame"></iframe>link.html文件的内容：
<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title>iframe的链接文件</title>
	</head>
	<body>
		<div id="tip" style="width: 100px; border: 1px solid #000;padding: 2px 3px;">
			锦江之星旅
		</div>
	</body>
</html>使用如下js，可以改变link.html中div的宽度
$(function() {
	$("#frame").load(function() {
		var $tipDiv = $(this).contents().find("#tip");
		console.log($tipDiv.css("width")); // 100px
		$tipDiv.css("width", (parseInt($tipDiv.css("width")) * 2) + "px");
		console.log($tipDiv.css("width")); // 200px
	});
});
追问

我能不能请问一下，你用的是jQuery几~~为啥你这个代码我抄了一遍都没有打印信息~~~ORZ....
追答
这个我使用jquery-1.4.4.js也没问题，完整代码如下
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.4.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			$(function() {
				$("#frame").load(function() {
					var $tipDiv = $(this).contents().find("#tip");
					console.log($tipDiv.css("width"));
					$tipDiv.css("width", (parseInt($tipDiv.css("width")) * 2) + "px");
					console.log($tipDiv.css("width"));
				});
			});
		</script>
	</head>
	<body>
		<iframe src="link.html" width="300px" height="300px" id="frame"></iframe>
	</body>
</html>
追问

您测过在本地预览下谷歌浏览器是可以改变宽度的吗？您的代码跟我的一样，也是兼容火狐和IE，我怀疑是谷歌对本地预览不能识别框架内元素，您的代码是不是不是在本地直接预览的？
追答
这是我在谷歌浏览器的运行结果啊！
这是在火狐下的运行结果。



