js 添加HTML属性的方法

时间:2024-03-05 13:46:01
<!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>