当前位置:  开发笔记 > 编程语言 > 正文

使2个文本值显示在1个列表项中

如何解决《使2个文本值显示在1个列表项中》经验,为你挑选了0个好方法。

好吧,我在同一个列表项中显示两个文本值时遇到问题(一,一

    JS:

    //js to add text entries
    var ul = document.getElementById('list'),
        removeAll = document.getElementById('removeAll'),
        add = document.getElementById('add');
    
    //make something happen when clicking on 'submit'
    add.onclick = function(){
      addLi(ul);
      document.getElementById("titleHead");
    };
    
    //function for adding items
    function addLi(targetUl){
      var inputText = document.getElementById('entry').value,
          li = document.createElement('li'),
          textNode = document.createTextNode(inputText + ''),
          removeButton = document.createElement('button');
    
      if (inputText.split(' ').join(' ').length === 0) {
        //check for empty inputs
        alert ('No input');
        return false;
      }
    
    
      removeButton.className = 'removeMe'; //add class to button for CSS
      removeButton.innerHTML = 'Remove'; //add text to the remove button
      removeButton.setAttribute('onclick', 'removeMe(this);'); 
    
      li.appendChild(textNode); 
      li.appendChild(removeButton);
    
      targetUl.appendChild(li);
    }
    
    //function to remove entries
    function removeMe(item){
      var parent = item.parentElement;
      parent.parentElement.removeChild(parent);
    }
    
    removeAll.onclick = function(){
      ul.innerHTML = '';
    };
    

    演示:http://codepen.io/Zancrash/pen/rxMxxQ(忽略角度登录的东西)

    推荐阅读
    保佑欣疼你的芯疼
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有