用JavaScript操作DOM动态的增加表格,实在看不出代码有什么问题?执行时又实现不了,是浏览器的问题吗?我用360极速浏览器,chrome,IE都试过了,都不行。。求大神指教。。
www.mldnjava.cn<br> function addrow(){<br> var tab=document.getElementById("mytab");<br> var id=document.getElementById("id").value;<br> var name=document.getElementById("name").value;<br> var tbody=document.createElement("tbody");<br> var tr=document.createElement("tr");<br> var td_id=document.createElement("td");<br> var td_name=document.createElement("td");<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>
新的编号:
新的姓名:
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">
你这个代码完全没有张贴好,尤其是下面的html部分,都没有了,你最好重新粘贴好
function addrow(){
var tab=document.getElementById("mytab");
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);
}
基本明白你的意思了,function addrow(){
var tab=document.getElementById("mytab");
var tbodyInfo="
"
tab.appendChild(tbodyInfo);
}
发现代码没粘贴好。。。重新发一次。。
www.javascript_dom.cn<br> function addrow(){<br> var tab=document.getElementById("mytab");<br> var id=document.getElementById("id").value;<br> var name=document.getElementById("name").value;<br> var tbody=document.createElement("tbody");<br> var tr=document.createElement("tr");<br> var td_id=document.createElement("td");<br> var td_name=document.createElement("td");<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>
新的编号:
新的姓名:

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