Javascript 使用内部元素保存div并向所有人显示

我有一个jQuery，它通过单击按钮的内部元素生成

div

。我希望将

div

保存在一个表中，并将其显示给进入该页面的任何人

我读了这个问题。现在我有两个问题：

在这个答案中，它只显示一个元素（

）。如何保存附加在

div

中的其他元素在下面的编辑和问题答案中回答

如何在页面加载中添加保存的

div

s？我想编写PHP代码，在页面加载时使用列中的这些元素搜索所有行，并

echo

我要保存的Div：

var div=document.createElement（“div”）；
var p=document.createElement（“p”）；
var行=document.createElement（“HR”）；
var text=document.createElement（“P”）；
div.className='container'；
p、 className='date'；
p、 id='demo'；
line.className='line1'；
text.id=“text”；
text.className=“反馈容器文本”；
文件.正文.附件（div）；
儿童组（p）；
子项（行）；
子目录（文本）；
document.getElementById（“text”）.innerHTML=“一些文本”；
var d=新日期（）；
d、 getDay（）；
document.getElementById（“demo”）.innerHTML=d
.container{
边界半径：5px；
背景色：白色；
填充：20px；
宽度：300px；
高度：220px；
浮动：左；
左边距：60像素；
位置：相对位置；
边缘底部：50px；
对齐项目：居中；
证明内容：中心；
盒影：0 10px 12px 0 rgba（0,0,0,0.13），0 14px 30px 0 rgba（0,0,0,0.09）；
}
.容器：悬停{
宽度：300px；
身高：225px；
页边顶部：-5px；
过渡时间：0.2s；
}
获取封闭的
标记的
innerHTML
属性

savedHTML = div.innerHTML;
// save to database

之后，将带有适当CSS的
和
添加到字符串中，以输入字符串并将其存储在数据库中

请参见演示：


函数添加（）{
var div=document.createElement（“div”）；
var p=document.createElement（“p”）；
var行=document.createElement（“HR”）；
var text=document.createElement（“P”）；
div.className='container'；
p、 className='date'；
p、 id='demo'；
line.className='line1'；
text.id=“text”；
text.className=“反馈容器文本”；
文件.正文.附件（div）；
儿童组（p）；
子项（行）；
子目录（文本）；
document.getElementById（“text”）.innerHTML=“一些文本”；
var d=新日期（）；
d、 getDay（）；
document.getElementById（“demo”）.innerHTML=d；
savedHTML=div.innerHTML；
document.f[“div value”]。value=savedHTML；
}
.container{
边界半径：5px；
背景色：白色；
填充：20px；
宽度：300px；
高度：220px；
浮动：左；
左边距：60像素；
位置：相对位置；
边缘底部：50px；
对齐项目：居中；
证明内容：中心；
盒影：0 10px 12px 0 rgba（0,0,0,0.13），0 14px 30px 0 rgba（0,0,0,0.09）；
过渡时间：0.2s；
}
.容器：悬停{
宽度：300px；
身高：225px；
页边顶部：-5px；
过渡时间：0.2s；
}

谢谢您的回复。这意味着我应该创建一个只存储每个div的
innerHTML
的表，并在页面加载上设置restore函数以从该表检索数据。另外，当我重新加载页面时，从表中检索数据时，如何让PHP工作呢？首先，我相信您所说的是一个具有内部元素的div。正是这个最封闭的div，您获取并存储了它的innerHTML。如果您有其他类似的div元素需要对其执行相同的操作，那么当然您也会对它们执行相同的操作。要实际加载div，一种方法是让JavaScript代码对PHP代码进行Ajax调用，以检索并返回innerHTML字符串。返回时，JavaScript代码将设置相应div元素的innerHTML属性。如果您有多个这样的div元素，您可以进行多次调用，也可以在返回字符串数组（当然是JSON数组）的地方进行一次调用——您需要设计这个。我将尝试，但是现在是星期六晚上，我可能在好几个小时内都无法访问这个页面（因为如果我不想让我妻子杀了我的话）。让我们来看看。你的“编辑的JS Fiddle”链接似乎并没有指向JS Fiddle，而是指向另一个SO页面。另外，我相信它应该是
$sql->bindParam（':element'，$div）（您省略了一个
：
）。此表的主键是什么？如果您有多个要保存的div元素，您将如何区分哪个是哪个？你想过了吗？@Booboo我已经修复了JSFiddle和PHP的链接，正如你所说的。我只希望每个请求在表中添加一个元素，但所有行（elements-divs）都要从表中提取并显示。我的主键设置为A.I“FeedbackNum”，作为依赖于自身的反馈编号