js动态添加div（二）
2010-08-13 11:17
387 查看
二、动态添加Div，并在Div上添加事件
<html>
<body>
<a href="javascript:aa();">text</a>
</body>
</html>
<script language=javascript>
var divId=1;
//动态生成单纯的div
function CreateOuterDiv()
{
var obj=document.createElement("div");
obj.id="myDiv"+divId;
divId++;
obj.style.border="1px solid #000000";
obj.style.height="30px";
obj.style.width="200px";
obj.style.filter="alpha(opacity=70)";
obj.style.margin="10px";
obj.style.cursor="hand";
obj.algin="center";
//obj.innerHTML="<a href='#"+obj.id+"'>ssssssssss</a>";
obj.innerText="sssssss";
document.body.appendChild(obj);
document.getElementById(obj.id).onclick=function(){aa();};
}
function aa()
{
CreateOuterDiv();//alert();
}
</script>
<html>
<body>
<a href="javascript:aa();">text</a>
</body>
</html>
<script language=javascript>
var divId=1;
//动态生成单纯的div
function CreateOuterDiv()
{
var obj=document.createElement("div");
obj.id="myDiv"+divId;
divId++;
obj.style.border="1px solid #000000";
obj.style.height="30px";
obj.style.width="200px";
obj.style.filter="alpha(opacity=70)";
obj.style.margin="10px";
obj.style.cursor="hand";
obj.algin="center";
//obj.innerHTML="<a href='#"+obj.id+"'>ssssssssss</a>";
obj.innerText="sssssss";
document.body.appendChild(obj);
document.getElementById(obj.id).onclick=function(){aa();};
}
function aa()
{
CreateOuterDiv();//alert();
}
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js动态添加的DIV中的onclick事件简单实例
- JS实现动态添加和删除DIV
- js动态添加的div点击跳转到另一页面
- js 动态添加元素（div、li、img等）及设置属性
- JS实现动态添加和删除DIV
- JS动态添加div，然后在div中添加元素
- js动态添加div（一）
- 动态添加div及对应的js、css文件
- js动态添加div
- js动态添加的DIV中的onclick事件简单实例
- Js动态添加div实现模块复制
- js动态添加div 用于java后台的form表单的提交
- js动态添加div（三）
- js动态添加Div
- JS动态添加的div点击跳转到另一页面实现代码
- js动态添加div
- js 动态创建div并向其中添加元素
- js 动态生成div 并添加class id
- js动态添加div
- js给div动态添加控件，然后给这个控件动态添加事件