如題,使用appendChild()方法添加節(jié)點到UL列表(末尾),當出現(xiàn)垂直滾動條時,請問如何讓添加的LI始終顯示出來,類似聊天窗口那樣始終顯示接收或發(fā)送的最新消息!描述不太清楚請見諒!<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style>
#list?{?height:?200px;?
????????width:?200px;?
????????background:?#450;?
????????overflow-y:auto;?
????????text-align:?justify;?
????????border:5px?solid?#fcc;}
</style>
</head>
<body>
<ul?id="list">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<p>向列表中(末尾)添加項目</p>
<input?id?="text1"type="text">
<button?type="button"?onclick="addNode()">添加</button>
<script>
function?addNode(){
var?otxt1?=?document.getElementById('text1');
var?oUl1?=?document.getElementById('list');
var?node?=?document.createElement('li');
var?nodeText?=?document.createTextNode(otxt1.value)
if?(otxt1.value?=='')?{
alert('文本為空!');
}else{
node.appendChild(nodeText);
oUl1.appendChild(node);
};
otxt1.value?=?"";
}
</script>
</body>
</html>
使添加的LI始終顯示出來?實現(xiàn)簡單的聊天窗口
_Jason
2015-04-03 00:16:08