本文通过实例展示了如何在JavaScript中使用text()、html()和val()方法获取HTML元素内部的文本内容，并且深入探讨了它们之间的区别，以及如何在实际应用中选择合适的函数。
对于text()和html()来说，获取元素内部的值的用法基本上是一样的，结果是由所有匹配元素包含的文本内容组合起来的文本，如<p>...</p> <dt>...<dt>等等，所以xml和html都可以获取（元素闭合）
而对于val() 则是获得第一个匹配元素的当前值，比如<input type="text" value="sdfdsf"> 那么利用这个方法将获得的是input 元素的value值，而利用text()方法是获取不到的，因为不是闭合元素
代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Clone()的使用方法</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tag li').eq(0).click(function(){
alert($(this).clone().html());
alert($("input").val());
});
});
</script>
</head>
<body>
<div id="tag">
<ul>
<li>你说我是好人吗，我是好人啊</li>
<li>哈哈，我真的不知道说什么了</li>
<li>生活就是应该平淡的</li>
<li>像上学一样的工作</li>
</ul>
</div>
<input type="text" value="哈哈，看看我的结果">
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Clone()的使用方法</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tag li').eq(0).click(function(){
alert($(this).clone().html());
alert($("input").val());
});
});
</script>
</head>
<body>
<div id="tag">
<ul>
<li>你说我是好人吗，我是好人啊</li>
<li>哈哈，我真的不知道说什么了</li>
<li>生活就是应该平淡的</li>
<li>像上学一样的工作</li>
</ul>
</div>
<input type="text" value="哈哈，看看我的结果">
</body>
</html>
那么得到的结果就是 “你说我是好人吗，我是好人啊”和 “哈哈，看看我的结果”
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
