[jquery]IE与Chrome上text()方法获取textarea值不一致 _Web前端

[jquery]IE与Chrome下text()方法获取textarea值不一致

[jquery]IE与Chrome下text()方法获取textarea值不一致

相同代码在IE与Chrome下获取变更的<textarea>值不相同，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	 <head>
			<title></title>
			<meta http-equiv="pragma" content="no-cache"/>
			<meta http-equiv="cache-control" content="no-cache"/>
			<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
			<meta name="author" content="Jarg Yee <yeshaoting@gmail.com>" />
			<script type="text/javascript" src="scripts/jquery-1.7.js"></script>
			<script type="text/javascript">
			$(bootstrap);
			function bootstrap()
			{
				$("textarea").change(function()
				{
					var $text = $("textarea").text();
					if($text != "")
						alert($("textarea").text());
				});
			}
			</script>
	 </head>

	 <body>
			<textarea>你好</textarea>
	 </body>
</html>

对于这段代码，在IE中的效果是textarea域中的值发生修改时，弹出的提示显示修改后的值；而在Chrome中，则是原始<textarea>标签内的文本值。

text()方法类似于JavaScript中的innerText，用来获取当前标签元素包裹的纯文本内容。

由此可见，IE处理方法是将修改后的结果设置到<textarea></textarea>对内；而Chrome则不是这样处理。

val()方法是获得第一个匹配元素的当前值。

将上例中的text()换成val()，则IE与Chrome中显示的效果一致。