在前端开发中，使用jQuery的html()方法获取table的HTML时，发现在IE8、Firefox等浏览器中，动态插入的内容无法正确获取。问题在于FF等浏览器可能限制了html()的行为。为解决此问题，作者找到了一个简单的插件，通过使用formhtml()替代html()，实现了在各浏览器中一致的效果。对于想要深入学习前端编程的人，作者推荐加入相关的学习交流群。
今天工作中需要用到这样一个效果：table里面排列着一些文本框，在输入数值以后，保存table的全部html元素，包括刚输入的数值。
这里用jquery的html()方法很容易实现。但是测试的时候发现，在ie8和i火狐（还包括ie9，safari，谷歌浏览器）中，html()得到的值是不一样的。
下面是一个小小的例子，我想大家很容易看明白：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script>
function save(){
var content = $("#mytable").html();
alert(content);
}
</script>
</head>
<body>
<table width="100" border="0" cellpadding="0" cellspacing="0" id="mytable">
<tbody>
<tr>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td><input type="button" name="Submit" value="保存" onClick="save()"></td>
</tr>
</tbody>
</table>
</body>
</html>
web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细
扫一扫
9363
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
