我在列表中插入了一个新行,这是我的代码
function newToDo() {
var newTODoList = document.getElementById('toDoListInput');
var newLine = document.createElement('li');
var list = document.getElementById('list');
newLine.textContent = newTODoList.value;
newLine.class = 'newLineClass';
list.prepend(newLine);
当我使用appendchild而不是prepend时,我的代码无法正常工作......它们之间有什么区别?
在列表前面添加项目。追加在列表末尾添加项目。在snipped中有一个例子
$('div')
.append('<span>Append</span>')
.prepend('<span>Prepend</span>')
.before('<span>Before</span>')
.after('<span>After</span>');
div {
border:2px solid #bbb;
padding:10px;
margin:10px auto;
}
span {
display:block;
width:65px;
font:bold 12px Arial,Sans-Serif;
color:white;
padding:5px 10px;
background-color:gray;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>-------content---------</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)