javascript每日一练(四)——DOM二
2024-10-19 04:33:18
一、DOM的创建,插入,删除
createElement(标签名) appendChild(节点) insertBefore(节点,原有节点) removeChild(节点)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>创建,删除,插入元素</title> <script> window.onload = function(){ var oUl = document.getElementById('ul1'); var oUl2 = document.getElementById('ul2'); var oBtn = document.getElementById('btn1'); var oBtn2 = document.getElementById('btn2'); var oBtn3 = document.getElementById('btn3'); var oTxt = document.getElementById('txt1'); oBtn.onclick = function(){ var oLi = document.createElement('li'); oLi.innerHTML = oTxt.value; oUl.appendChild(oLi); }; //insertBefore 插入到...之前 oBtn2.onclick = function(){ var oLi = document.createElement('li'); oLi.innerHTML = oTxt.value; if(oUl.children.length == 0){ oUl.appendChild(oLi); }else{ oUl.insertBefore(oLi, oUl.children[0]); } }; oBtn3.onclick = function(){ oUl2.removeChild(oUl2.children[0]); }; }; </script> </head> <body> <input id="txt1" type="text" /><button id="btn1">创建元素</button><button id="btn2">插入到第一位</button><button id="btn3">删除元素</button> <ul id="ul1"> </ul> <hr /> <ul id="ul2"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html>
最新文章
- Android 自带后退按钮的使用
- iOS开发——UI进阶篇(十九)UISearchBar控件简介
- 批处理——服务器的web文件备份
- Android -- TouchDelegate
- [转]Spring注解原理的详细剖析与实现
- Ubuntu(14.04)远程连接windwos(server2008 r2)
- 使用eclipse创建在myeclipse中运行的web工程
- iOS 进阶 第十八天(0423)
- Android 自定义View,仿微信视频播放按钮
- UVa 699 (二叉树) The Falling Leaves
- Lua脚本之语法基础快速入门
- opencv中的vs框架中的Blob Tracking Tests的中文注释。
- RTB撕开黑盒子 Part 4: Shady Bidding
- dpkg用管道批量删除deb
- mvc @helper 创建用户自定义html
- Hibernate中的Entity类之间的继承关系之一MappedSuperclass
- Java语法基础学习DayFifteen(IO续)
- linux问题总结
- c# Point不能输入小数
- Javascript 常用设计模式
热门文章
- 地精排序(Gnome Sort) 算法
- 「数据结构」:模拟指针(simulated pointer)
- uva--11991 - Easy Problem from Rujia Liu?(sort+二分 map+vector vector)
- uva 10891 Game of Sum(区间dp)
- SRBF Lighting
- java String 怎么看里面有几个指定字符
- bash有空格的文件名
- int *p = NULL 和 *p = NULL(转载)
- iOS8 UITableView 分割条设置separator intent = 0 不起作用
- python读写zip文件