javascript 动态修改Li的值
来源:互联网 发布:自动化交易软件 编辑:程序博客网 时间:2024/06/05 10:19
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>修改Li的值</title> <script type="text/javascript"> function gel(id) { return document.getElementById(id); } //全局的input输入控制 var inpt = document.createElement("input"); inpt.setAttribute("type", "text"); inpt.onblur = function() { //alert("tet"); this.parentElement.innerHTML = inpt.value; }; window.onload = function() { var lis = gel("ulList").childNodes; for (var i = 0; i < lis.length; i++) { if (lis[i].nodeType == 1) { lis[i].ondblclick = function () { //删除文本 inpt.value = this.innerHTML; this.removeChild(this.firstChild); this.appendChild(inpt); //获取焦点 inpt.focus(); //在inpt这个控件失去焦点的时候,也要绑定一个事件,把inpt中的文本值返回给当前li //编写inpt.onblur }; } } }; </script></head><body> <ul id="ulList"> <li>北京</li> <li>山西</li> <li>上海</li> <li>天津</li> <li>河南</li> </ul></body></html>
0 0
- javascript 动态修改Li的值
- javaScript动态添加Li元素
- JavaScript获取li的数量 修改其样式 删除其中一个li
- javascript点击li,显示相应的值
- jQuery修改li下的样式,以及修改li下的img的src的值
- JavaScript 动态更换li背景颜色
- javaScript学习-动态为ul添加li
- JavaScript自动生成li节点 并把文本框的值赋给li.innerHtml
- 直接修改页面上的样式用li 例子 js另类分页 js分页 javascript
- javascript获取点击<li>标签里的值
- HBuilder动态的向<ul></ul>中插入<li></li>
- javascript动态修改select 的内容
- JavaScript动态修改图片的代码
- 修改UL和LI间隔的方法
- Javascript/jQuery动态修改radio/checkbox值
- 动态修改javascript代码
- 如何动态显示li前面的点
- struts2动态方法调用,javascript动态修改表单的action
- JPA Multiple writable mappings exist for the field [{0}]. Only one may be defined as writable, all o
- List.toArray()出现ClassCastException
- linux 无root权限安装tmux
- Ubuntu下Hello World驱动实现全过程
- java基础知识
- javascript 动态修改Li的值
- MTS格式视频转AVI相关软件
- OpenCV:二值图像连通区域分析与标记算法实现
- 几种iOS 自动化测试框架对比
- Protobuf+Java服务端环境7步准备
- 美轮美奂的phonegap(二)---获取加速度的传感器
- 根据ip获取所在城市信息
- grep使用多个查询条件--或
- startbbs的一个bug