appendChild,insertBefore

appendChild,insertBefore_第1张图片

var text = document.getElementById('text');

var btn = document.getElementById('btn');

var ul = document.getElementById('ul');

var oli = ul.getElementsByTagName('li');

btn.onclick = function(){

var li = document.createElement('li');//创建一个li

li.innerHTML = text.value;

// ul.appendChild(li);//之后插入

ul.insertBefore(li,oli[0]);

}

你可能感兴趣的:(appendChild,insertBefore)