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