简单的问题操作html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script  language="JavaScript" type="text/javascript">
   function insertStr(){
    if(document.addForm.inputStr != "")
{
    var text = document.careteTextNode(document.addForm.inputStr.value);
var td =document.createElement("td");
var tr =document.createElement("tr");
var tbody = document.createElement("tbody");
td.appendChild(text);
tr.appendChild(td);
tbody.appendChild(tr);
var parNode =document.getElementById("hiddenTable");
parNode.appendChild(tbody);
}
   }
</script>
</head>
<body>
<form id="addForm" method="post" action="">
    <input name ="str" type="text" id="inputStr" value=""/>
<input name="insert" type="button" id="insert" value="添加"  onclick="insertStr();"/>
</form>
<p>用户已经添加的信息</p>
<table  id="hiddenTable"></table>
</body>
</html>
帮我看看问题在哪，在线等，解决后就加分

解决方案 »

  1.   

     你用document.getElementById("inputStr")  试试~~
      

  2.   

      可以  但是你好像是错在var text = document.careteTextNode 
      这个我没用过，你可以自己看提示的错误。。
      

  3.   

    至少我看到有个地方错了！document.careteTextNode(document.addForm.inputStr.value); 
    createTextNode
      

  4.   

    <head> 
        <title>无标题页 </title> 
        <script  language="JavaScript" type="text/javascript"> 
      function insertStr(){ 
        if(document.addForm.inputStr != "") 
    { 
        var text = document.createTextNode(document.addForm.inputStr.value); 
    var td =document.createElement("td"); 
    var tr =document.createElement("tr"); 
    var tbody = document.createElement("tbody"); 
    td.appendChild(text); 
    tr.appendChild(td); 
    tbody.appendChild(tr); 
    var parNode =document.getElementById("hiddenTable"); 
    parNode.appendChild(tbody); 
    } 
      } 
    </script> 
    </head> 
    <body> 
    <form id="addForm" name="addForm" method="post" action=""> 
        <input name ="str" type="text" id="inputStr" value=""/> 
    <input name="insert" type="button" id="insert" value="添加"  onclick="insertStr();"/> 
    </form> 
    <p>用户已经添加的信息 </p> 
    <table  id="hiddenTable"> </table> 
    </body> 
    </html> 我弄好了！  改了上面的错后。在<form>中加了个name属性就行了，name属性值等于多少都对的，这我不懂！呵呵！
    一般都会把name跟id的值设一样的。