[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中显示的效果一致。
1516
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
