js添加html

最新推荐文章于 2024-08-22 10:47:09 发布

忆成风

最新推荐文章于 2024-08-22 10:47:09 发布

阅读量8.3k

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/lhzau1996/article/details/83593554

版权

html 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>添加 HTML</title>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
		<style>
			#one {
				width: 200px;
				height: 200px;
				margin: 50px auto;
				border: solid 2px red;
			}
			
			#three {
				width: 100px;
				height: 100px;
				margin: 48px auto;
				border: solid 2px black;
				text-align: center;
				line-height: 100px;
			}
		</style>
	</head>

	<body>
		<div id="one"></div>
		<script>
			var a = "two";

			var html = '<div id="three" title="' + a + '">忆林</div>';

			$("#one").append(html);

			var b = $("#three").attr("title");

			console.log("b = " + b);
		</script>
	</body>

</html>