获取html元素内容

最新推荐文章于 2024-04-26 15:09:14 发布

bangxionger9224

最新推荐文章于 2024-04-26 15:09:14 发布

阅读量193

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/theWayToAce/p/5495225.html

版权

html：

<!DOCTYPE >
<html>

   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>无标题文档</title>
 <style type="text/css">
* {
margin: 10px;
padding: 0;
font-family: "微软雅黑", "arial", " sans-serif";
 }
 </style>
 <script type="text/javascript" src="js/jquery-2.2.2.min.js">
 </script>

 <script type="text/javascript">
 $(function() {
 $("#btn1").click(function() {
var textStr = $("#test").text();
 $("#txt1").text(textStr);
 });
 $("#btn2").click(function() {
var textStr = $("#test").html();
 $("#txt2").html(textStr);
 });
 })
 </script>
 </head>

 <body>
 <p id="test">
有3个方法可以用于获取<strong>Html元素</strong>的内容，分别是：<br />
 <strong>text（）：设置或返回所选元素的文本内容</strong><br />
 <strong>html（）：设置或返回所选元素的内容（包括html标记）</strong><br />
 <strong>val（）：设置或返回表单字段的值</strong><br />
 </p>
 <textarea id="txt1" name="textvalue" cols="80" rows="8"></textarea>
 <button id="btn1">显示文本</button>
 <textarea id="txt2" name="textvalue" cols="80" rows="8"></textarea>
 <div>

 <button id="btn2">显示html</button>
 </div>
 </body>

</html>

result：

转载于:https://www.cnblogs.com/theWayToAce/p/5495225.html

bangxionger9224

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取html元素内容

html：<!DOCTYPE ><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="te...
复制链接

扫一扫