利用element的appendChile()方法,点击按钮在页面span域中添加图片 小程序

<head>
<script>
	function showImg() {
		var img1 = document.createElement("img");
		img1.setAttribute("src",
				"http://misc.360buyimg.com/lib/img/e/logo-201305-c.png");
		document.getElementById("picture").appendChild(img1);
	}
</script>
</head>
<body>
	<input type="button" value="点击添加图片" onclick="showImg()">
	<br />
	<div id="picture"></div>
</body>
</html>

利用JQuery更简单:

<script type="text/javascript" src="jquery-2.1.4.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#btn1").click(function() {
		     $("#picture") .append("<img src='http://misc.360buyimg.com/lib/img/e/logo-201305-c.png'/>");
			                     });
	                              });
</script>
</head>
<body>
	<input id="btn1" type="button" value="点击添加图片" />
	<br />
	<div id="picture"></div>
</body>
</html>


你可能感兴趣的:(利用element的appendChile()方法,点击按钮在页面span域中添加图片 小程序)