这个demo是个简易的发帖的功能,用原生的js所写,非常简单的。目的是方便自己使用的哈。
css样式我就不往上贴啦。需要样式的朋友,自己写下吧
<div class="release">
<textarea>
</textarea>
<button onclick="releaseFn()">发布内容</button>
<ul>
</ul>
</div>
var oUl = document.querySelector('ul');
var i = 1;
var txtare = document.querySelector("textarea");
function releaseFn(){
//获取的value值不是节点,不能直接追加到父节点上
var txt = txtare.value;
var txtEle = document.createTextNode(txt + i);
i++;
var oLi = document.createElement('li');
oLi.appendChild(txtEle);
oUl.insertBefore(oLi,oUl.children[0]);
txtare.value = '';//发布完后让文本域为空
}