javascript如何恢复<span>或<div>默认/初始化时的innerHTML


譬如源文件是<span id="test">初始值</span>当用javascript改变这个span的innerHTML值后,
如果恢复过来?要求:不要用input type=reset,它会使整个表单控件的值清空

解决方案 »

  1.   

    设置默认值的话，可以通过预置值，但是不能指望reset。因为除非重置表单，否则没有它法
      

  2.   

    <html>
    <head>
    <script type="text/javascript">
    var node = null;
    function change(inputTest) {
    var inputTest = document.getElementById('test');
    node = inputTest.cloneNode(true);

    inputTest.innerHTML = 'test';
    }
    function reset() {
    var oldNode = document.getElementById('test');
    oldNode.parentNode.replaceChild(node, oldNode);
    }
    </script></head>
    <body>
    <input type="button" value="change" onclick="change();">
    <input type="button" value="reset" onclick="reset();">
    <div id="test">1231424142</div>
    </body>
    </html>
    玩玩
      

  3.   

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

  4.   

    initValue(obj.innerHTML);抱歉，这里应该是initVal(obj.innerHTML);