前端 ——发布帖子- 小demo 升级版 ( 原生JS )

最新推荐文章于 2024-08-13 14:22:12 发布

淡泊-宁静致远

最新推荐文章于 2024-08-13 14:22:12 发布

阅读量556

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/dingdinglaila/article/details/106388246

版权

这篇博客展示了前端发布帖子的升级版小demo，主要使用原生JavaScript进行元素操作，包括创建、追加、查找、删除元素以及添加属性等。作者邀请读者提供宝贵意见以促进其技术提升。

摘要由CSDN通过智能技术生成

相对前面一篇文章，这是一个升级版的发帖的例子。直接上代码，样式就不写啦

用到了创建元素，追加元素，查找子元素，删除元素，过滤内容，添加属性等操作元素的方法

.release{
	margin-bottom: 30px;
	min-height: 400px;
	width: 500px;
	margin: 0 auto;
}
.control{
	height: 50px;
	line-height: 50px;
}
textarea{
	width: 500px;
	height: 150px;
	display: block;
	margin-bottom: 20px;
}

.btnRel{
	width: 100px;
	height: 40px;
	background: #CD5C5C;
    border: 1px solid #CD5C5C;
	border-radius: 3px;
	color: #FFF;
	float: left;
}
.conut{
	float: right;
}
.comment{
	background: #DCDCDC;
	width: 460px;
	min-height: 50px;
	margin-top:20px;
	border: 1px solid #C0C0C0;
	padding: 20px 10px;
}
.comment p{
	min-height: 40px;
	border-bottom: 1px dashed #F5F5F5;
	margin-bottom:10px; 
	
}
.comment span.comtxt{
	display: block;
	float: left;
	background: #FFF;
	line-height: 30px;	
	padding: 0 5px;

	max-width: 320px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 

	
}
.comm