<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="div1">
</div>
<input value="加張圖片" id="img" type="button">
<script>
var img=document.getElementById("img"); // 先導航到INPUT標簽
img.onclick=function () { // 給他綁定onclick事件
var ele=document.getElementById("div1"); // 找到要操作的標簽 div1
var add=document.createElement("img"); // 創建一個IMG的標簽
add.src="timg.jpg"; // 給他添加src屬性 鏈接到文件名(這個是動態HTML寫法 微軟改的)
//add.setAttribute("img","timg,jpg"); // 這是第2種添加方法
ele.appendChild(add); // 給div1加入 IMG標簽
}
</script>
</body>
</html>
