毕业设计--博客管理系统（一）

来源：互联网发布：守望先锋安卓数据查询编辑：程序博客网时间：2024/05/01 16:11

前端遇到的困难：

一：模块分割中的竖线实现

解决办法：

才知道用一个div盒子就能轻松解决HTML网页中的竖线问题。

二：div盒子里面的内容替换

解决办法：

function replys(){

var str = document.getElementById('returns').innerHTML;
var str2 = '<div style="float:left;margin-top:-58px;margin-left:38px;"><div style="margin-left:19px;"><span style="font-size:13px;color:#999;">回复：'+
'</span></div><div style="float:left;width:100%;height:150px;"><form action="#" method="post">'+
'<textarea style="height:100px;width:510px;margin-left:20px;outline:none;" placeholder="这里输入您的回复">'+
'</textarea ><input type="reset" value="取消" onClick="cancel()" style="float:right;margin-right:30px;width:55px;height:25px;"/>'+
'<input type="submit" value="回复" style="float:right;margin-right:30px;width:55px;height:25px;"/></form></div></div>';
str = str.replace(str,str2);
document.getElementById('returns').innerHTML=str;
}
function cancel(){
var str = document.getElementById('returns').innerHTML;
var str2 = '<a ><span onClick="replys()" style="font-size:13px;color:#333;">回复</span>'+
'</a><a href="#"><span style="font-size:13px;color:#333;"> | </span>'+
'</a><a href="#"><span style="font-size:13px;color:#333;">删除</span></a>';
str = str.replace(str,str2);
document.getElementById('returns').innerHTML=str;
}

var str = document.getElementById('returns').innerHTML;该语句的含义：通过id来获得div里面的内容

str = str.replace(str,str2);用str2来替换str

document.getElementById('returns').innerHTML=str;将替换后的内容重新赋值给原来的div盒子

0 0