原生js删除提示文本框（创建元素）隔一段时间后自动消失-setTimeout

最新推荐文章于 2023-10-25 13:48:39 发布

每一天，每一步

最新推荐文章于 2023-10-25 13:48:39 发布

阅读量318

点赞数

分类专栏： HTML/CSS javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/u010234868/article/details/119393905

版权

javaScript 同时被 2 个专栏收录

135 篇文章 12 订阅

订阅专栏

HTML/CSS

42 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="button" value="删除" id="btn">
</body>
<script>
	var btn = document.getElementById('btn');
	var	div = document.createElement('div');
	div.style.width = '150px';
	div.style.height = '50px';
	div.style.backgroundColor = 'pink';
	div.style.margin = '200px auto';
	div.innerText = '已删除';
	div.style.textAlign = 'center';
	div.style.lineHeight = '50px';
	div.style.display = 'none';
	document.body.appendChild(div);
	btn.onclick = function () {
		div.style.display = 'block';
		setTimeout(function () {
			div.style.display = 'none';
		}, 3000);
	};
	// console.dir(document.body); // 不写document. 提示is not defined
</script>

</html>