NEW()函数中table=document.getElementById("table").lastChild;为什么不是table=document.getElementsByTagName("table");?-慕课网

首页课程实战体系课手记专栏慕课教程

NEW()函数中table=document.getElementById("table").lastChild;为什么不是table=document.getElementsByTagName("table");?

来源：9-22 编程练习

fighting加油吧

2016-10-09 14:03

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function(){

var tr=document.getElementsByTagName("tr");

for(var i=0;i<tr.length;i++){

acChange(tr[i]);

}

function acChange(obj){

obj.onmouseover=function(){

obj.style.backgroundColor="#f2f2f2";

}

obj.onmouseout=function(){

obj.style.backgroundColor="#fff";}

}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

function NEW(){

var td1=prompt('请输入学号','');

var td2=prompt('请输入姓名','');

var newtr=document.createElement('tr');

newtr.innerHTML='<td>'+td1+'</td>'+'<td>'+td2+'</td>'+'<td><a href="javascript:;" onclick="REMOVE(this)">删除</a></td>';

var table=document.getElementById("table").lastChild;

table.appendChild(newtr);

var tr=document.getElementsByTagName("tr");

for(var i=0;i<tr.length;i++){

acChange(tr[i]);

}

// 创建删除函数

function REMOVE(obj){

var parent=obj.parentNode.parentNode;

var Parent=parent.parentNode;

Parent.removeChild(parent);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

写回答关注

3回答

Ben2613

2016-10-09 17:23:32

返回值不一样，后者是数组

0 0
Danny_V

2016-10-09 16:12:20

id不是table吗也可以用getElementsByTagName（"table"）[0];

0 0
羊羔的奋斗

2016-10-09 14:35:16

添加到节点的最后一行

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468195 学习 · 21891 问题

查看课程

相似问题

为什么var table = document.getElementById("table").lastChild要加lastChild?

回答 3

var tbody = document.getElementById('table').lastChild;

回答 1

var tab=document.getElementById("table").lastChild;

回答 3

var old=document.getElementById("table").lastChild;

回答 5

var tbody = document.getElementById('table').lastChild;

回答 1

打开慕课网App查看更多内容