js----创建节点和插入节点
来源:互联网 发布:ug轮廓3d倒角编程技巧 编辑:程序博客网 时间:2024/04/30 10:57
<!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>
<script type="text/javascript">
/*
创建节点,插入节点,设置节点属性。
创建节点: document.createElement(Tagname)
设置节点属性; elt.setAttribute("属性名",属性值);
添加元素到elt最后的位置 elt.appendChild(e);
插入目标元素的位置:
elt.insertBefore(new,child)参数1,要插入的节点。
elt.removeChild(child)删除指定的节点
*/
var num=1;
function add(){
var addNode=document.createElement("input");
addNode.setAttribute("type","button");
addNode.setAttribute("value","按钮"+num);
var bodyNode=document.getElementsByTagName("body")[0];
bodyNode.appendChild(addNode);
num++;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>创建节点和插入节点</title>
</head>
<body>
<input type="button" value="添加" onclick="add()"/>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
创建节点,插入节点,设置节点属性。
创建节点: document.createElement(Tagname)
设置节点属性; elt.setAttribute("属性名",属性值);
添加元素到elt最后的位置 elt.appendChild(e);
插入目标元素的位置:
elt.insertBefore(new,child)参数1,要插入的节点。
elt.removeChild(child)删除指定的节点
*/
var num=1;
function add(){
var addNode=document.createElement("input");
addNode.setAttribute("type","button");
addNode.setAttribute("value","按钮"+num);
var bodyNode=document.getElementsByTagName("body")[0];
bodyNode.appendChild(addNode);
num++;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>创建节点和插入节点</title>
</head>
<body>
<input type="button" value="添加" onclick="add()"/>
</body>
</html>
0 0
- js----创建节点和插入节点
- 查找节点和创建、插入节点
- jquey和js插入节点
- js 插入和添加节点
- js创建及操作节点之删除节点、替换节点、插入节点
- jquery和js创建节点
- jQuery创建节点和插入节
- 插入节点和节点互换
- JS-案例-插入节点
- js插入节点
- jQuery_创建节点及插入节点
- 【笔记】 《js权威指南》- 第15章 脚本化文档 - 15.6 创建、插入和删除节点
- js节点创建
- JS创建节点
- js创建节点
- js节点的创建
- 【js学习笔记-086】-----创建、插入、删除节点
- js DOM节点的创建、插入、删除、查找、替换例子
- Java 对象在内存中的存储
- python交互模式下清屏
- [Vim]
- leetcode -- Jump Game-- 重点--Greedy
- Xcod 常见错误
- js----创建节点和插入节点
- Python——OOP(2)
- HDOJ--1006
- ContentProvider启动时机问题简记
- ZOJ 2358 2481
- HDU 1242 Rescue
- 【Android 进阶(一)】Android MVP框架实现过程
- 单调队列 hdu3401 Trade
- R语言--tapply,sapply(因子和列表的操作)