为什么使用innerHTML加入td不管用
以下这段代码是用来在输入端得到姓名,邮箱,电话然后把其写入表中的tr,但写入的结果如图所示,td没有被写入,可以通过del()函数是否能够正确运行来确定没有写入tdfun...
以下这段代码是用来在输入端得到姓名,邮箱,电话然后把其写入表中的tr,但写入的结果如图所示,td没有被写入,可以通过del()函数是否能够正确运行来确定没有写入td
function del(obj) {
obj.parentNode.parentNode
.removeChild(obj.parentNode);
}
obj代表a标签,如果有td写入,那么obj.parentNode.parentNode得到的应该是tr所以无法移除整行,但del可以正常删除一行。证明obj.parentNode.parentNode得到的是table,为什么无法写入td呢?
function fun1() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var tel = document.getElementById("tel").value;
var tr = document.createElement("tr");
tr.innerHTML = "<td>"
+ name
+ "</td><td>"
+ email
+ "</td><td>"
+ tel
+ "</td><td><a href ='javascript:void(0)' onclick = 'del(this)'>del</a></td>"; 展开
function del(obj) {
obj.parentNode.parentNode
.removeChild(obj.parentNode);
}
obj代表a标签,如果有td写入,那么obj.parentNode.parentNode得到的应该是tr所以无法移除整行,但del可以正常删除一行。证明obj.parentNode.parentNode得到的是table,为什么无法写入td呢?
function fun1() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var tel = document.getElementById("tel").value;
var tr = document.createElement("tr");
tr.innerHTML = "<td>"
+ name
+ "</td><td>"
+ "</td><td>"
+ tel
+ "</td><td><a href ='javascript:void(0)' onclick = 'del(this)'>del</a></td>"; 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励20(财富值+成长值)
若以下回答无法解决问题,邀请你更新回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询