html textarea的一个小用法------显示批量操作结果成功/失败的情况

最新推荐文章于 2021-09-30 14:03:18 发布

涛歌依旧

最新推荐文章于 2021-09-30 14:03:18 发布

阅读量7.5k

点赞数 2

分类专栏： S1: Web s2: 软件进阶

本文链接：https://blog.csdn.net/stpeace/article/details/50758176

版权

s2: 软件进阶同时被 2 个专栏收录

1053 篇文章 76 订阅

订阅专栏

S1: Web

133 篇文章 57 订阅

订阅专栏

有时候，用html的textarea来显示结果，那是最好不过了。下面来示意说说：

<html>
<body>

<textarea rows="10" cols="20" id="my">
</textarea>

<button onClick="test()">test</button>

<script>

var i = 1;
function test()
{
	var obj = document.getElementById("my");
    obj.value += i + "\n";
    i++;
}
</script>

</body>
</html>

新结果在尾部增加。但还有一个不太人性化的问题：滚动不是在底部，人不可见。在下篇博文中，我们会尝试解决这个问题。