节点
动态节点的创建思路:
1.在标签中添加事件,及 οnclick="javascript:add();"方式
2.创建节点的过程document.createElement();样式,路径等
3. 定义事件源及getEle……Id()方式,之后把节点添加到对象之后
及对象.appendChild(a);
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type=text/css>
img{
width: 100px;
height:100px;
border:1px dashed red;
}
</head>
<body>
<div id="content"></div>
<img src="../img/01.jpg"/>
<input type="button" value="添加节点" οnclick="javascript:add();" />
</body>
<script>
function add(){
var q=document.createElement("img");
q.src="../img/02.jpg";
q.style.width="100px";
q.style.height="100px";
var obj=document.getElementById("content");
obj.appendChild(q);
}
</script>
</html>
img{
width: 100px;
height:100px;
border:1px dashed red;
}
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/30545764/viewspace-2121004/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/30545764/viewspace-2121004/