js在一个div后面使用after方法动态生成的输入框怎样在页面关闭时保存下来?

js在一个div后面使用after方法动态生成的输入框怎样在页面关闭时保存下来?,第1张

如果不涉及后台的话:你可以在你d出新增页面(最外层)添加一个div

如:<div id ="content_div"></div>将整个d出页面包含当中,

然后在页面任意位置,设一个用来保存html的div

<div id="copy_div" style="display:none"></div>

2. 然后在点击确定按钮后,

保存好你新增后的html   $("#copy_div").html($("#content_div").html());

3.在你点击修改的时候保将存号的html内容 取出来 $("#content_div").html($("#copy_div").html())

这样就行啦。

1.首先创建html结构,如下图所示,一个input元素,一个按钮,一个空的ul列表。

2.然后添加按钮点击事件,如下图所示,在按钮点击事件中获得input元素。

3.通过value属性我们可以获得用户在input中输入的内容,如下图所示。

4.下面我们来动态创建一个li元素,如下图所示,运用document中的createElement方法即可。

5.创建好li元素以后,下面要做的就是给其设置innerHTML内容,如下图所示。

6.接下来就是获取ul元素了,如下图所示,仍然用getElementById方法。

7.最后通过调用appendChild方法将创建的li元素添加到ul列表中,如下图所示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11706863.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存