点击每个li节点,都弹出其文本值及修改

点击每个li节点,都弹出其文本值

1,获取所有的li节点

var liNodes=document.GetElementsByTagName("li");

2,使用for循环进行遍历,得到每一个li节点

for(var i=0;i<liNodes.length;i++){

alert(i);

}

3,为每一个li节点添加onclick响应函数

liNodes[i].onclick=function(){

}

4,在响应函数中获取当前节点的文本值

this 为正在响应事件的那个节点

alert(this.firstChild.nodeValue);

点击每个li节点,若li节点的文本值没有^^开头,加上;有,则去除

var liNodes=document.getElementsByTagName("li");//获取

for(var i=0;i<liNodes.length;i++){//遍历

liNodes[i].onclick=function(){//响应

var val=this.firstChild.nodeValue;

var reg=/^\^{2}/g;//全局正则

if(reg.test(val)){//判断

  val=val.replace(reg,"");

  }

else{

   val="^^"+val; 

}

firstChild.nodeValue=val;

  }

时间: 2024-12-25 01:30:03

点击每个li节点,都弹出其文本值及修改的相关文章

页面table的每行都有一个&lt;input type=&#39;button&#39; /&gt;,如何实现点击按钮在按钮下方弹出一个div,点击空白消失

\ <input id="test" type="button" />/*按钮*/ <div id="tanchu"></div> <script language="javascript"> $(document).ready(function(e) { $("#test").click(function(e) { $("#tanchu"

jQuery点击自身以外地方关闭弹出层

$(function(){ $(document).bind("click", function (e) { if($(e.target).closest("#txt").length>0){ $("#tip").show(); }else{ $("#tip").hide(); } }); }); closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身.如果不匹配则向上查找父元素,一层一层往上,直到找到匹配

Android点击返回键back时弹出对话框Dialog

public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) { ExitDialog(MainActivity.this).show(); return true; } return super.onKeyDown(keyCode, event); } private Dialog ExitDialog

javascript 转化一个数字数组为function数组(每个function都弹出相应的数字)

javascript 转化一个数字数组为function数组(每个function都弹出相应的数字) var arrNum = [2,3,4,5,6,10,7]; var arrFun = []; function change(arr){ var fun = function(val){ return function(){ return val; }; } for(var i=0;i<arr.length;i++){ arrFun.push(fun(arr[i])); } return ar

[Selenium]通过Selenium实现在当前浏览器窗口点击一个图标之后,弹出另外一个窗口,关闭这个窗口,再回到原来的窗口进行操作

public void clickReportIcon(){ String initialWindowHandle = driver.getWindowHandle(); //保存原始的浏览器窗口 page.getReportIcon().click(); //这个操作之后将会弹出另外一个浏览器窗口 Set <String> set = driver.getWindowHandles(); set.remove(initialWindowHandle); assert set.size()==

windows7点击&quot;安全删除硬件并弹出媒体&quot;无反应解决方法

windows7点击"安全删除硬件并弹出媒体"无反应解决方法 我在移除硬件时,点击"安全删除硬件并弹出媒体"无反应的问题,如果采取直接拔掉USB,可能会损坏U盘或移动硬盘,对于该问题通过以下方式可以简单解决:        "开始菜单">>"控制面板">>"系统和安全">>"管理工具">>"服务">>在&qu

如何避免windows系统开机启动每次都弹出AutoIt报错

题目:如何避免windows系统开机启动每次都弹出AutoIt报错 有时候,有的电脑重新安装完操作系统后,会莫名奇妙的弹出一些意想不到的报错,有洁癖的人很反感这个,所以有针对性的解决这个算不上问题的小问题 电脑开机后会弹出以下的对话框: 解决办法如下: 原文地址:http://blog.51cto.com/vbers/2114661

[King.yue]Ext.JS 弹出窗体取值赋值

//从Grid取值var name = Ext.getCmp(gridGridID).getView().getSelectionModel().getSelection()[0].data.Name; var code = Ext.getCmp(gridGridID).getView().getSelectionModel().getSelection()[0].data.Code; //赋值ID Ext.getCmp('@V.ID_TXT_NAME').setValue(name);//不用

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document