动态创建标签对象
2012-11-24 22:06
148 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function btnClick() {
var divMain = document.getElementById("divMain");//获得层
var input = document.createElement("input");//动态产生一个标签名为"input"的元素,此时的这个元素还没有添加到任何元素中去,所以不会显示出来
input.type = "button";
input.value = "我是动态按钮";
input.onclick = btnClick;//向input标签的onclick事件添加方法名对象
divMain.appendChild(input); //将动态产生的层添加到divMain这一层中
}
</script>
</head>
<body>
<div id="divMain"></div>
<input type="button" value="按钮" onclick="btnClick()" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function btnClick() {
var divMain = document.getElementById("divMain");//获得层
var input = document.createElement("input");//动态产生一个标签名为"input"的元素,此时的这个元素还没有添加到任何元素中去,所以不会显示出来
input.type = "button";
input.value = "我是动态按钮";
input.onclick = btnClick;//向input标签的onclick事件添加方法名对象
divMain.appendChild(input); //将动态产生的层添加到divMain这一层中
}
</script>
</head>
<body>
<div id="divMain"></div>
<input type="button" value="按钮" onclick="btnClick()" />
</body>
</html>
相关文章推荐
- JS动态引入js,CSS——动态创建script/link/style标签
- C++ 类工厂实现动态对象创建
- 分享:Thinking in C++ Notes: 动态对象创建
- 动态创建对象
- 黑马程序员--09.动态与代理AOP--03【InvocationHandler接口】【通过反射创建动态代理类对象】
- 动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
- C++编程思想--动态对象的创建(1)
- iOS动态特性初研究(利用JSON动态创建类型和对象)
- 动态创建对象
- Silverlight 2动态创建矩形对象(附完整源代码)
- VB程序中用ADO对象动态创建数据库和表
- 关于使用动态代理创建代理对象是报错 java.lang.ClassCastException: $Proxy0 cannot be cast to 的解决办法
- 实现运行时从字符串动态创建对象
- 动态创建类的对象
- 【DOM编程艺术】动态创建标签
- 仿MFC实现c++的按名动态创建对象功能
- 从零开始学C++之动态创建对象
- java动态代理对象实例的创建
- VB中用ADO对象动态创建数据库和表
- protobuf在java应用中通过反射动态创建对象