动态添加元素例子
来源:互联网 发布:供应链金融 知乎 编辑:程序博客网 时间:2024/05/19 08:37
<html>
<head>
<body>
<script>
function show() {
var spObj = document.getElementById("mail");
spObj.innerHTML='<input type="text" />';
}
function cls(ob){
ob.parentNode.parentNode.removeChild(ob.parentNode);
}
function creatDiv(){
var o=document.createElement("span");
o.innerHTML="<div id='div'>sdfsdf</div>";
document.getElementById("box").appendChild(o);
}
function removeDiv(){
var box = document.getElementById("div");
box.parentNode.removeChild(box);
//box.removeChild(document.getElementById("div"));
//document.getElementById("div").removeNode();
}
</script>
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>
<div id="test">
sssss
<p>ddddddddd</p>
</div>
<span id="mail">
sdfsdfsddsf
</span>
<p><input type="button" value="ONCLICK" onclick="show()"/></p>
<div style="float:left;border:1px solid blue" id="box" >
wdfafddfsdfsdfsdf
sdfsdf
sdfsfdsdf
sdfsdf
</div>
<input type="button" value="我加" onclick='creatDiv()'>
<input type="button" value="我删" onclick='removeDiv()'>
</body>
</head>
</html>
- 动态添加元素例子
- JList动态添加元素
- BHO 动态添加元素
- 动态添加表单元素
- 动态添加DOM元素
- JList动态添加元素
- BHO 动态添加元素
- JList动态添加元素
- 动态添加页面元素事件
- jQuery动态添加、删除元素
- 动态添加jquery Moblie元素
- javascript动态添加删除元素
- jquerymobile动态添加元素之后
- php jquery 动态添加元素
- Html元素动态添加方法
- jquery动态添加删除元素
- JS动态添加tr元素
- Dom动态添加删除元素
- 简单的线程程序
- (android图像处理)android之bitmap各种常用函数
- GPS简介
- 管理oracle clusterware ( OCR )
- 《算法导论》第7章 快速排序 (四种变形)
- 动态添加元素例子
- .net实现拼音检索
- 我的Vim学习曲线
- 关于I2C和SPI总线协议
- 我对一款编辑器的评价标准
- linux root用户密码忘记的解决方案
- Yii生成下拉列表
- ubuntu配置FTP的方法
- IDM(Internet Download Manager)下载工具破解方法