如何创建一个滚动框，然后用javascript添加内容

how do i create a scroll box and then add things to it with javascript?

本文关键字：然后 javascript 添加 一个 何创建 创建 滚动      更新时间：2023-11-10

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

下面是用Javascript完成的一个示例，您应该可以从那里开始，尽管我建议使用jQuery来完成，因为操作DOM对象会容易得多。

小提琴在这儿：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);
}

是的，这是可能的。你应该使用div使其溢出

div

｛

宽度：150px；

高度：150px；

换行：打断单词；

溢出：滚动；

}

诸如此类的事情。

然后使用javascript和append（）事件

相关文章：