zoukankan      html  css  js  c++  java
  • 点击每个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;

      }

  • 相关阅读:
    oracle 更改账户名密码
    mongodb 分片副本集搭建
    爬虫目录
    centos MySQL安装与卸载
    ANACONDA 安装
    chrome 安装
    linux pycharm 安装 idea
    linux 基本命令
    高数18讲 之极限与连续
    高数18讲 之基础知识
  • 原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/6170863.html
Copyright © 2011-2022 走看看