问题描述
- JavaScript操作DOM的问题
-
用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">
解决方案二:
javascript 操作 dom
JavaScript操作DOM
JavaScript操作DOM
解决方案三:
你这个代码完全没有张贴好,尤其是下面的html部分,都没有了,你最好重新粘贴好
解决方案四:
基本明白你的意思了,function addrow(){
var tab=document.getElementById("mytab");
var tbodyInfo="
"
tab.appendChild(tbodyInfo);
}
解决方案五:
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);
}
解决方案六:
发现代码没粘贴好。。。重新发一次。。
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>
新的编号:
新的姓名:
编号 | 姓名 |
解决方案七:
不知道为什么粘贴代码发上去还是一样的问题。。直接上图吧。。