【第四章】对元素内容操作

最新推荐文章于 2020-09-11 12:29:04 发布

JavaScript豆豆

最新推荐文章于 2020-09-11 12:29:04 发布

阅读量71

点赞数

本文链接：https://blog.csdn.net/qq_45695622/article/details/102824280

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>对元素内容操作</title>
		<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div id="div1">
			<span id="clock">当前时间：2019-10-29 星期二 09:13：21</span>
		</div>
		<script>
			$(document).ready(function(){
				$("#div1").text("<span style='color:#FF000'>我是通过text()方法设置的文本内容");
			});
		</script>
		<div id="div2">
			<span id="clock">当前时间：2019-10-29 星期二 09:15:20</span>
		</div>
		<script>
			$(document).ready(function(){
				$("#div2").html("<span style='color:#FF000'>我是通过html()方法设置的HTML内容</span>");
				alert("通过text()方法获取：\r\n"+$("div").text()+"\r\n通过html()方法获取：\r\n"+$("div").html());
			});
		</script>
	</body>
</html>

优惠劵

JavaScript豆豆

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【第四章】对元素内容操作

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>对元素内容操作</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> ...
复制链接

扫一扫