使滑动文本在到达div的底部时消失

Question

我有一个id为的div，我要向其中添加文本：

var el = document.getElementById('text');
var p1 = document.createElement('p');
p1.appendChild(document.createTextNode('text to be inputted.'));
el.insertBefore(p1, el.childNodes[0] || null);

<div id="text"></div>

输入多行文本后，我希望div底部的旧文本消失。

我可以使用el.childNodes []数组中的最大数量来执行此操作吗？还是在文本到达div底部时必须使用碰撞检测？谢谢！！

我有一个id为的div，我要向其中添加文本：var el = document.getElementById（'text'）; var p1 = document.createElement（'p'）; p1.appendChild（document.createTextNode（'待输入文本....

Answer 1

[[0]看起来非常模棱两可，无法确定地回答它。但是，如果您打算将每一行作为其自己的段落（或任何其他类型的DOM节点）插入，则可以使用CSS来隐藏“溢出”节点，如下所示：（该演示创建了10个元素，但仅显示5个） >