JavaScript操作DOM的问题

用JavaScript操作DOM动态的增加表格,实在看不出代码有什么问题?执行时又实现不了,是浏览器的问题吗?我用360极速浏览器,chrome,IE都试过了,都不行。。求大神指教。。


www.mldnjava.cn
<br> function addrow(){<br> var tab=document.getElementById(&quot;mytab&quot;);<br> var id=document.getElementById(&quot;id&quot;).value;<br> var name=document.getElementById(&quot;name&quot;).value;<br> var tbody=document.createElement(&quot;tbody&quot;);<br> var tr=document.createElement(&quot;tr&quot;);<br> var td_id=document.createElement(&quot;td&quot;);<br> var td_name=document.createElement(&quot;td&quot;);<br> td_id.appendChild(document.createTextNode(id));<br> td_name.appendChild(document.createTextNode(name));<br> tr.appendChild(td_id);<br> tr.appendChild(td_name);<br> tbody.appendChild(tr);<br> tab.appendChild(tbody);<br><br> }<br>


新的编号:
新的姓名:






编号 姓名



6个回答

dom对象的name改为id,因为你用的document.getElementById

        var id = document.getElementById("id").value;
        var name = document.getElementById("name").value;
     新的编号:<input type="text" id="id">
    新的姓名:<input type="text" id="name">
baidu_32388275
aqforever 原来是这样!谢谢!
接近 5 年之前 回复

你这个代码完全没有张贴好,尤其是下面的html部分,都没有了,你最好重新粘贴好

baidu_32388275
aqforever 不好意思。。早上起来才发现。。我评论中再发一次。。
接近 5 年之前 回复

基本明白你的意思了,function addrow(){
var tab=document.getElementById("mytab");
var tbodyInfo="

"
tab.appendChild(tbodyInfo);
}
baidu_32388275
aqforever 还是不行。。tbody不是一个节点吗?为什么用var tbody=""呢?
接近 5 年之前 回复
 function addrow(){
var tab=document.getElementById(&quot;mytab&quot;);
var tbodyInfo="<tr><td><input type='text' name='your textbox name' /></td><td><input type='text' name='your textbox name' /></td></tr>"
tab.appendChild(tbodyInfo);
}

发现代码没粘贴好。。。重新发一次。。


www.javascript_dom.cn
<br> function addrow(){<br> var tab=document.getElementById(&quot;mytab&quot;);<br> var id=document.getElementById(&quot;id&quot;).value;<br> var name=document.getElementById(&quot;name&quot;).value;<br> var tbody=document.createElement(&quot;tbody&quot;);<br> var tr=document.createElement(&quot;tr&quot;);<br> var td_id=document.createElement(&quot;td&quot;);<br> var td_name=document.createElement(&quot;td&quot;);<br> td_id.appendChild(document.createTextNode(id));<br> td_name.appendChild(document.createTextNode(name));<br> tr.appendChild(td_id);<br> tr.appendChild(td_name);<br> tbody.appendChild(tr);<br> tab.appendChild(tbody);<br> }<br>


新的编号:
新的姓名:






编号 姓名



图片说明
不知道为什么粘贴代码发上去还是一样的问题。。直接上图吧。。

yishuixs
yishuixs 你没用对格式
接近 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问