一、创建节点
element.createElement
var li = document.createElement('li');
二、添加、插入元素节点
element.appendChild() 追加新元素作为父的最后一个子元素。
element.insertBefore(XXX,XXXX) 追加在XXXX的前面一个位置
<body>
<textarea name="" id="">123</textarea>
<button>发布</button>
<ul>
<li>123</li>
</ul>
</body>
<script>
var button = document.querySelector('button');
var newLis = document.querySelector('textarea');
var ul = document.querySelector('ul');
button.onclick = function(){
if(newLis.value == ''){
alert('输入为空,请重新输入');
}else{
//创建新的元素节点
var li = document.createElement('li');
//将输入框的内容插入到元素节点上
li.innerHTML = newLis.value;
//插入到后面
//ul.appendChild(li);
//添加到li前面
ul.insertBefore(li,ul.children[0]);
}
}
</script>