JavaScript 改变后恢复初始值

SJY发表于:2018年05月11日 12:14 • 阅读:

JavaScript 经常用来动态给HTML添加数据,当然也经常需要把修改过的数据恢复到原来的样子。

比如原先某id下的内容为空,我用innerHTML填充了数据后,现在要恢复,通常是再次把innerHTML赋值为空。对于简单的结构,这个方法没有任何问题,如果我原先就有内容呢?我该如何恢复初始值?

<a id="change" onclick="changeVal('sval','改变')">改变</a> | <a id="reset" onclick="resetVal('sval')">恢复</a> | <span id="sval">初始值</span>
<script>
var temp = null;
        function initVal(val){
                temp = val;
        }
         
        function changeVal(id, val){
                var obj = document.getElementById(id);
                initVal(obj.innerHTML);
                obj.innerHTML = val;
        }
         
        function resetVal(id){
                var obj = document.getElementById(id);
                obj.innerHTML = temp;
        }
</script>

 

欢迎转载,但请保留原文地址 http://www.sjyhome.com/javascript/1363.html

回复(0)