js实现点击每个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;
　　}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js  # 点击li弹出文本值  # javascript dom操作之cloneNode文本节点克隆使用技巧  # JavaScript给每一个li节点绑定点击事件的实现方法  # JS/jQuery判断DOM节点是否存在的简单方法  # jstree创建无限分级树的方法【基于ajax动态创建子节点】  # js中获取 table节点各tr及td的内容简单实例  # JS 获取HTML标签内的子节点的方法  # js 获取元素所有兄弟节点的实现方法  # 浅谈js的html元素的父节点  # 子节点  # JS实现添加  # 替换  # 删除节点元素的方法  # 用javascript读取xml文件读取节点数据  # javascript读取文本节点方法小结  # 遍历  # 弹出  # pre  # GetElementsByTagName  # brush  # class  # code  # li  # strong  # document  # liNodes  # var  # val 

相关文章： 如何用好域名打造高点击率的自主建站？  盘锦网站制作公司,盘锦大洼有多少5G网站？  如何通过wdcp面板快速创建网站？  如何快速查询网址的建站时间与历史轨迹？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何配置FTP站点权限与安全设置？  如何通过FTP服务器快速搭建网站？  如何用PHP工具快速搭建高效网站？  建站主机服务器选型指南与性能优化方案解析  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  如何制作算命网站,怎么注册算命网站？  建站之星与建站宝盒如何选择最佳方案？  javascript中对象的定义、使用以及对象和原型链操作小结  如何在IIS中新建站点并配置端口与物理路径？  婚礼视频制作网站,学习*后期制作的网站有哪些？  网站制作模板下载什么软件,ppt模板免费下载网站？  ,购物网站怎么盈利呢？  如何通过西部建站助手安装IIS服务器？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  如何通过宝塔面板实现本地网站访问？  如何在腾讯云服务器快速搭建个人网站？  如何选择高效可靠的多用户建站源码资源？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  ui设计制作网站有哪些,手机UI设计网址吗？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  如何挑选高效建站主机与优质域名？  如何选择PHP开源工具快速搭建网站？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  如何通过IIS搭建网站并配置访问权限？  上海网站制作开发公司,上海买房比较好的网站有哪些？  ,交易猫的商品怎么发布到网站上去？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  宝塔建站后网页无法访问如何解决？  建站之星导航菜单设置与功能模块配置全攻略  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  Swift中循环语句中的转移语句 break 和 continue  如何零基础在云服务器搭建WordPress站点？  建站DNS解析失败？如何正确配置域名服务器？  怎么将XML数据可视化 D3.js加载XML  建站之星Pro快速搭建教程：模板选择与功能配置指南  电商网站制作公司有哪些,1688网是什么意思？  如何在VPS电脑上快速搭建网站？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  电商平台网站制作流程,电商网站如何制作？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建