精华内容
下载资源
问答
  • 点击按钮触发回调函数,回调函数中输出的li的引用是for循环之后全局变量中保存的i 解决方法 1.通过闭包参数传递参数 for ( var i = 0 ;i< 5 ;i++){ var btn = document.createElement( 'button' ); ...

    根据下面的代码回答问题:

    for(var i = 0;i<5;i++){
      var btn = document.createElement("button");
      btn.appendChild(document.createTextNode('Button'+i));
      btn.addEveListener('click',function(){console.log(i);});
      document.body.appendChild(btn);
    }
    <button>Button 1</button>
    <button>Button 2</button>
    <button>Button 3</button>
    <button>Button 4</button>
    

    当点击每个button的时候,在控制台输出的结果是5

    点击按钮触发回调函数,回调函数中输出的li的引用是for循环之后全局变量中保存的i

    解决方法

    1.通过闭包参数传递参数

    for(var i = 0;i<5;i++){
      var btn = document.createElement('button');
      btn.appendChild(document.createNode('Button'+i));
      btn.addEventListener('click',(function(i){
        return function(i);
    })(i));
      document.body.appendChild(btn);
    }

    2.btn.addEventListener匿名函数

    for(var i = 0;i<5;i++){
      var btn = document.create('button');
      btn.appendChild(document.createTextNode('Button'+i));
      (function(i){
        btn.addEventListener('click',function(){console.log(i);});
      })(i);
      document.body.appendChild(btn);
    }
    

    3.let i 代替 var i

    for(let i = 0;i<5;i++){
      var btn = document.createElement('button');
      btn.appendChild(document.createTextNode('Button'+i));
      btn.addEventListener('click',function(){console.log(i)});
      document.body.appendChild(btn);
    }

    4.对bt.addEventListener的匿名函数

    ['a','b','c','d','f'].forEach(function(value,i){
      var btn = document.createElement('button');
      btn.appendChild(document.createTextNode('Button'+i));
      btn.addEventListener('click',function(){
        document.body.appendChild(btn);
      })
    })
    展开全文
  • ul-li点击将对应li输入到输入框中

    千次阅读 2018-08-20 17:51:40
     <li data-value="111">aa</li>  <li data-value="2222">bb</li>  <li data-value="3333">cc</li>  <li data-value="4444">dd</li>  <li data-value="55555">ee</li>        var view = {  ...

    <div class="">
                <input type="text" id="inpt" οnfοcus="document.getElementById('ulList').style.display = 'block'" />
                <ul id="ulList" style="display:none;">
                    <li data-value="111">aa</li>
                    <li data-value="2222">bb</li>
                    <li data-value="3333">cc</li>
                    <li data-value="4444">dd</li>
                    <li data-value="55555">ee</li>
                </ul>
            </div>
            <script type="text/javascript">
                var view = {
                    render: function() {
                        var self = this;
                        this.oinpt = document.getElementById("inpt");
                        this.oul = document.getElementById("ulList");
                        this._tach();

                    },
                    _tach: function() {
                        self = this;
                        var listli = self.oul.getElementsByTagName("li");
                        for(var i = 0; i < listli.length; i++) {
                            //闭包实现
                            (function(j) {
                                listli[j].addEventListener("click", function(e) {
                                    //                                alert(listli[j].dataset.value)
                                    //                                alert(listli[j].innerHTML)
                                    self.oinpt.name = listli[j].dataset.value;
                                    self.oinpt.value = listli[j].innerHTML;

                                    document.getElementById('ulList').style.display = 'none';

                                }, false);
                            })(i);
                        }
                        document.getElementById('ulList').style.display = 'none';
                    }
                }

                window.addEventListener("load", function() {
                    view.render();
                }, false)
            </script>

    展开全文
  • 批量输入 <li></li> 里面内容 简便方法


    啊哈~这个不涉及到代码~就是个诀窍~前端的童鞋们,输入很多li的时候(尤其是批量的那种)是不是有点纠结啊~excel这个时候就是个好东西了哈哈~~

    展开全文
  • 在ul的li标签中,输入中文会换行,输入数字不会换行,解决办法。 在li的样式文件中加:word-break:break-all;word-wrap:break-word

    在ul的li标签中,输入中文会换行,输入数字不会换行,解决办法。

    在li的样式文件中加:word-break:break-all;word-wrap:break-word

    展开全文
  • Intersil近日推出为单Li-ion应用设计的先进高压双输入充电器IC ISL6299。该充电器可从USB或桌面AC适配器获得电源输入,支持手机、PDA、MP3播放器、手持多媒体播放器、数码相机等便携式设备应用;是小巧手持设备的...
  • Maxim推出业界最小的、完全集成的、双输入、独立式、USB/AC适配器充电器MAX8804Y/MAX8804Z,适用于一节锂离子(Li +)电池。MAX8804Y/MAX8804Z最高可耐受30V DC或16V USB输入电压,当输入电压超过7.5V (典型值)时...
  • &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&... li{ width: 300
  • loop at gt_detail where zpdno = l_zpdno and werks = l_werks and zykmg > 0 and ivnum is not initial and li11n is initial. lv_value = gt_detail-lgort && gt_detail-grtxt. s_...
  • <template>...li v-if='flag'><span @click='edit()'>点击一下</span></li> <input type="text" v-else @change='input()'> </template> export default{ ...
  • li设置多选和取消选择的样式: $('li').click(function(){ if($(this).hasClass('active')) {$(this).removeClass('active');...判断输入数据类型是否为数字: $('.yes').click(function(){ if...
  • 输出商品列表,用户输入序号,显示用户选中的商品。 商品 li = [“手机”, “电脑”, “鼠标垫”, “游艇” ] li = [“手机”, “电脑”, “鼠标垫”, “游艇”] print(li) a = 这里是引用 int(input(“添加商品请...
  • Maxim推出DS2788尺寸最小的独立式、多节Li+电池电量计,单个IC集成了LED驱动器和按键输入。针对电池组紧凑的空间,器件设计为无铅14引脚TSSOP封装。DS2788理想用于需要显示剩余电池容量的电动工具、电动自行车、便携...
  • 用户输入序号显示内容 #输出商品列表 用户输入序号 显示用户选中的商品 #input() 函数接受一个标准输入数据,返回为string类型。 #enumerate(对象,下标开始位置) li = ["手机", "电脑", "鼠标垫", "游艇" ] for i ...
  • var li = document.createElement("li"); li.innerHTML = songName; var ul = document.getElementById("playlist"); ul.appendChild(li); save(songName); } } function init()  { var...
  • li =['alex',[1,2,3],'wusir','egon ','taibei','taibai' ] while 1: content =input('>>>>') if content.strip().upper() =='Q': break else: li.append(content) print(li...
  • <li>19li> <li>20li> <li>21li> <li>22li> <li>23li> <li>24li> <li>25li> <li>26li> <li>27li> <li>28li> <li>29li> <li>30li> <li>31li> <li>32li> <li>33li> <li>34li> <li>35li> <li>36li> <li>37li> <li>38li> ...
  • li echo重定向

    2018-02-08 16:22:33
    echo > 会覆盖若文件不存在则创建 >>追加 cat > xx 重定向输入由键盘
  • 要求输入投票总数n,然后每次输入一个得票的候选人的名字(区分大小写),若选民输错候选人姓名,则按废票处理。 选民投票结束后程序自动显示各候选人的得票结果。 请通过分析和调试程序,发现并改正程序中的错误。 ...
  • li shell random

    2018-04-17 11:10:51
    random 或者 sort -rR a.txt | ...shuf:把输入行按随机顺序输出到标准输出。 shuf -n1 a.txt n行数,取出几行 #set fish_greeting (date) #set fish_greeting (fortune) #set fish_greeting
  • 1 li = ["手机", "电脑", "鼠标垫", "游艇"] 2 good = {} 3 4 for i in li: 5 goodid = str(li.index(i) + 1) 6 print("{0}\t\t{1}".format(goodid, i)) 7 good[goodid] = i 8 9 while True...
  • erhem蒙文输入法toli方案,是在词典蒙文输入发单词源码基础上,用蒙科立代码的输入法。还很不足,继续添加词呢。请先装蒙科立或词典蒙文输入发后用。还没有添加字体。
  •  //4、一个文本文件含有如下内容,分别表示姓名和成绩:张三 90 李四 96 王五 78 赵六 82 提供用户一个控制台界面,允许用户输入要查询的姓名,输入姓名并且按回车以后,打印出此人的成绩,如果不输入姓名直接按...
  • namespace 机试题简单计算器 ... //编写一个简单的计算器实现加减乘除:输入两个数字和一个运算符号,输出结果(注意容错性)  static void Main(string[] args)  {  Console.WriteLine("请输入1个数字");  
  • 输出商品列表,用户输入序号,显示用户选中的商品商品 li = ["手机", "电脑", '鼠标垫', '游艇'] def fun1(list1): for arg in list1: myindex = list1.index(arg) print(myindex,arg) list...
  • li标签的使用及样式

    2020-12-13 18:02:55
    li标签的使用 在CSS ul样式中输入: list-style-type:XXX; none不使用项目符号 1 none 无符号 2 disc实心圆,默认值 3 circle空心圆 4 square实心方块 5 decimal阿拉伯数字 6 lower-roman小写罗马数字 7 upper-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,996
精华内容 1,998
关键字:

li输入