js动态添加div(一)
2010-08-13 11:16
162 查看
利用JavaScript动态添加Div的方式有很多,一下是个比较常用的。
一、在一个Div前添加Div
<html>
<body>
<div id="a">
<div id="a1">1</div>
<div id="a2">2</div>
</div>
<a href="javascript:addDiv();">test</a>
</body>
<script type="text/javascript">
function addDiv(){
var newNode=document.createElement("div");
newNode.setAttribute("id","a3");
var txtNode=document.createTextNode("3");
newNode.appendChild(txtNode);
document.getElementById("a").insertBefore(newNode,document.getElementById("a2"));
alert(document.getElementById("a").innerHTML)
}
</script>
</html>
一、在一个Div前添加Div
<html>
<body>
<div id="a">
<div id="a1">1</div>
<div id="a2">2</div>
</div>
<a href="javascript:addDiv();">test</a>
</body>
<script type="text/javascript">
function addDiv(){
var newNode=document.createElement("div");
newNode.setAttribute("id","a3");
var txtNode=document.createTextNode("3");
newNode.appendChild(txtNode);
document.getElementById("a").insertBefore(newNode,document.getElementById("a2"));
alert(document.getElementById("a").innerHTML)
}
</script>
</html>
相关文章推荐
- 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动态添加控件,然后给这个控件动态添加事件