[学习笔记]JavaScript基础--DOM创建元素
2015-08-07 01:14
786 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script> window.onload = function () { var oBtn = document.getElementById('btn1'); var oUl = document.getElementById('ull'); var oTxt = document.getElementById('txt1'); oBtn.onclick = function () { var oLi = document.createElement('li'); var aLi = oUl.getElementsByTagName('li'); oLi.innerHTML = oTxt.value; //父级.appendChild(子节点); //oUl.appendChild(oLi); //往最前面插入元素 //oUl.insertBefore(oLi,aLi[0]); if (aLi.length > 0) { oUl.insertBefore(oLi, aLi[0]); } else { oUl.appendChild(oLi); } }; }; </script> </head> <body> <input id="txt1" type="text"/> <input id="btn1" type="button" value="创建li"/> <ul id="ull"> </ul> </body> </html>
相关文章推荐
- js创建与追加元素
- 今天学了新内容 JavaScript
- JSSDK taobao js 研究 之 js sign的算法
- JS时间格式化出现2015-02-07 hh:12:30
- 《JavaScript函数式编程》读后感
- 如何使用Createjs来编写HTML5游戏(五)PreloadJS和SoundJS
- 什么是AJAX? AJAX:”Asynchronous JavaScript and XML”中文意思:异步JavaScript和XML。
- javascript封装 Cookie 应用接口
- 浅谈JavaScript 的执行顺序
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript实现鼠标移到Image上方时显示文字效果的方法
- 【转载】javascript获取url参数值
- js浮点数值计算
- 遍历树的两种方式的测试及比较
- JS生成不重复随机数
- 百度地图JavaScript API开发叠加行政区划图
- ext校验
- 用jsp方式通知客户端下载文件
- [学习笔记]JavaScript基础--全选
- Jsp之两个Jsp页面之间传输数据