Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何从JavaScript在UL中添加换行符_Javascript_Html_Css - Fatal编程技术网

如何从JavaScript在UL中添加换行符

如何从JavaScript在UL中添加换行符,javascript,html,css,Javascript,Html,Css,所以我尝试添加从输入框中提取的元素,将其放入数组,然后在无序列表中显示。我的问题是在值传递到列表后,在Javascript的每个条目后面添加一个 下面是当前用于推送到列表的代码 function addToList(){ var incompleteList = document.getElementById("incompleteTaskList"); incompleteList.append(currentTask); } 不确定如何在每个新条目后添加一个

所以我尝试添加从输入框中提取的元素,将其放入数组,然后在无序列表中显示。我的问题是在值传递到列表后,在Javascript的每个条目后面添加一个

下面是当前用于推送到列表的代码

function addToList(){
  var incompleteList = document.getElementById("incompleteTaskList");
  incompleteList.append(currentTask);
 
}

不确定如何在每个新条目后添加一个分隔符

您应该创建新的
  • 元素,并将其文本内容设置为任务名称

    const btnAdd=document.querySelector('.btn add')
    const addTask=e=>{
    让txtTask=document.querySelector('.txt task'),
    task=txtTask.value.trim()
    如果(任务){
    设li=document.createElement('li')
    li.textContent=任务
    document.querySelector('.tasks').append(li)
    txtTask.value=“”
    }
    }
    btnAdd.addEventListener('click',addTask)
    h1{字体大小:1.25rem;}
    h2,标签{字体大小:1.00rem;}
    任务管理器
    新任务
    添加
    任务
    
      您不应该使用javascript添加

      。这不是正确的实现方法

      相反,您需要使用CSS为其设置样式。尝试添加以下样式规则:

      #不完全任务列表li{display:block;}


      为什么需要在UL中添加BR?如果您需要这样做,听起来您有一个bug。@epascarello当我从输入框中添加一个值时,第一个值将出现在列表中,但下一个值不会换行,因此它只会添加到原始条目中。所以听起来您没有正确地添加到UL中什么是currentTask?我猜这不是一个李。显示代码。@epascarello-ahh所以currentTask只是输入框中的一个字符串值。我会试着把它变成一个李