在table布局中有大量<input  type="text"style="width:40px" value="值可能不一样"/>使用 document.getElementById("form1").innerHTML 获取html。现在的需求是:
在某些输入框中输入或更改原内容。
怎么才能让 document.getElementById("form1").innerHTML中的input中的value也更改

解决方案 »

  1.   

    试试
    document.getElementById("id").defaultValue;
      

  2.   

    页面布局大概是这样的
    <body>
    <form name="form1" id="form1">
    <table>
    里面有10行,10列,个单元格里都有个<input type="text"style="width:40px">
    </table>
    </form>
    </body>
    有可能更改任何一个文本框的内容。
    需要获取form中的所有内容
      

  3.   

    建议楼主转变一下思路,因为你获取到 document.getElementById("form1").innerHTML 后也要进行下一步的处理吧。批量获取一定的元素可以用getElementsByTagName,例子 http://topic.csdn.net/u/20120103/13/1ec707b3-e5d6-48ca-890d-0949e8de4dce.html
      

  4.   

    不需要做其他处理了。
    只是需要document.getElementById("form1").innerHTML就可以了
    当然文本框的内容要是修改后的
      

  5.   

    用jquery
    $("input[type='text']").val();
    可以试下
      

  6.   

    楼主参考思路吧,HTML被浏览器解释后的字符串变化实在太多了,我只能写出其中三个的兼容<html>
    <head>
    </head>
    <body>
    <form id="form1">
    <table>
    <tr><td><input type="text" style="width:40px" value="1"/></td><td><input type="text" style="width:40px" value="1"/></td></tr>
    <tr><td><input type="text" style="width:40px" value="2"/></td><td><input type="text" style="width:40px" value="1"/></td></tr>
    <tr><td><input type="text" style="width:40px" value="1"/></td><td><input type="text" style="width:40px" value="sd"/></td></tr>
    </table>
    </form><input type="button" value="点击" onclick="f()"/><script>
    f = function(){
    var frm = document.getElementById("form1");
    var ipv = frm.getElementsByTagName("input"); //以下代码写得这么复杂只因为各个浏览器中生成的input都稍有不同
    //只做了IE8,chrome,ff5
    var rstr = ipv[0].outerHTML ? ipv[0].outerHTML : ipv[0].parentNode.innerHTML;
    rstr = rstr.replace(/(^.*?value="?).*?("?[ \/>]$)/i,"($1).*?($2)");
    var r = new RegExp(rstr,"i"); var result = frm.innerHTML;
    for(var i=0;i<ipv.length;i++){
    idx = document.all ? ipv.length-i-1 : i;//IE居然是反过来的,受不了了
    result = result.replace(r,"$1"+ipv[idx].value+"$2");
    }
    alert(result);
    }
    </script>
    </body>
    </html>
      

  7.   

    <body>
    <form name="form1" id="form1">
    <table>
    里面有10行,10列,个单元格里都有个<input type="text"style="width:40px">
    </table>
    </form>
    </body>解答:
    <scirpt>
    var $obj=$("#form1 :text");
    $obj.each(function(){$(this).val("文本框的内容");
    </scirpt>
    })