记一个小的html作业

最新推荐文章于 2022-03-02 13:45:54 发布

477955926

最新推荐文章于 2022-03-02 13:45:54 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/qq_41070194/article/details/80460645

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<style type="text/css">

div.box{

	border:2px solid #a1a1a1;
	padding:10px 40px; 
	background:#dddddd;
	width:300px;
	border-radius:25px;
}



</style>
<script type="text/javascript">

  function load(){
  	
  	    var now=new Date();
	
		var month=now.getMonth()+1;
		
		var minute=now.getMinutes();
		
		var hour=now.getHours();
		
		var second=now.getSeconds();
		
		var date=now.getDate();
		if(month<10){
			month="0"+month;
		}
		
		if(minute<10){
			month="0"+month;
		}
		
		if(hour<10){
			month="0"+month;
		}
		
		if(second<10){
			month="0"+month;
		}
		
		if(date<10){
			month="0"+month;
		}
		
	var a=document.createElement("div");
	a.className="box";
	
		
  	var node=document.createElement("div");
  	node.className="pinglun";
  	node.innerHTML=document.getElementById("txt").value;
  	a.appendChild(node);
  	
  	
  	var node=document.createElement("div");
  	node.className="shijian"
  	node.innerHTML= "发表时间"+"    "+now.getFullYear()+"-"+month+"-"+date+"   "+hour+":"+minute+":"+second;
    a.appendChild(node);
    
    
    document.getElementById("di").appendChild(a);
  }
</script>
 
	</head>
	<body id="di">
		
		
	<div align="center" >
		<h1>评论板</h1>
			<textarea cols="70" rows="8" id="txt"></textarea><br>
			<button οnclick="load()">发表</button>
	</div>
	</body>
</html>

里面有关于发表时间的简单操作，还有Dom操作。

这只是一个实验程序，这些代码写在一起了。