javascript中创建插入元素
2014-06-05 22:57
113 查看
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> window.onload = function () { var oBtn = document.getElementById("btn"); var oTxt = document.getElementById("txt1"); var oUl = document.getElementById("ul1"); oBtn.onclick = function () { var oLi = document.createElement("li"); var aLi = oUl.getElementsByTagName("li"); oLi.innerHTML = oTxt.value; if (aLi[0].length > 0) { //如果之前有元素则插入在前面 oUl.insertBefore(oLi, ali[0]); } else { oUl.appendChild(oLi); } } } </script> </head> <body> <input type="text" value="" id="txt1" /> <input type="button" value="创建" id="btn" /> <ul id="ul1"></ul> </body> </html> --拓展 Oul.removeChild(this.parentNode);
相关文章推荐
- Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片
- javascript 创建插入和删除DOM元素
- JavaScript 创建、插入和删除元素
- 利用Javascript向页面中插入元素
- javascript创建页面元素事件丢失原委
- js 动态创建并插入元素 insertBefore insertAfter
- 单链表的创建(头插尾插),表长,输出,插入,删除,查找,逆置,分解长两个链表(奇数偶数链表),查找倒数第k个元素,产出相同元素
- 链表的创建、元素插入、元素删除、以及两个有序链表的归并
- Javascript 动态编程--动态设置网页元素是否可见,是否可用,改变大小,动态插入文字,进度条,动态改变背景例子
- 创建单链表,并排序插入一元素后仍有序
- javascript 元素动态创建
- JavaScript DOM动态创建(声明)Object元素
- JavaScript splice() 方法 插入 删除或替换数组的元素
- 关于js插入页面元素问题 在js中创建html元素并在 引入js的地方直接显示
- Javascript splice() 对数组的操作(插入、删除、替换元素)
- javascript动态创建页面元素
- javascript -- 动态创建HTML元素并插入到dom tree中
- 带头节点循环单链表的操作(创建,保序插入,指定插入,删除指定表元,删除相同元素,统计某元素表元个数)
- JavaScript在文档中插入多个元素时试用文档片段可以提高性能
- 链表创建、测长、打印、删除元素、插入、排序、逆置