javascript - 我如何创建一个滚动框，然后使用 javascript 向其中添加内容？

Question

我正在制作一个游戏，我想用 html 创建一个滚动框，然后用 javascript 向它添加内容，进一步使用相同的代码。那可能吗？谢谢。

Answer 1

下面是一个用 Javascript 完成的例子，你应该可以从那里开始，不过我建议用 jQuery 代替，因为操作 DOM 对象会容易得多。

这是 fiddle :http://jsfiddle.net/g9Tys/

CSS(用于滚动框):

#scrollbox {
overflow: scroll;
width: 600px;
height: 100px;
}

用于添加新元素的滚动框和链接:

<div id="scrollbox">
</div>
<a onclick="addElement()">Add element</a>

Javascript:

function addElement() {
    var scrollbox = document.getElementById('scrollbox');

    // Create some element, e.g. div
    var newElement = document.createElement('div');
    newElement.setAttribute('id', "some-id-for-new-element");
    newElement.innerHTML = 'New element has been added!';

    scrollbox.appendChild(newElement);
}