                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么没有效果呢？

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function(){

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

var a=getElementByTagName("tr");

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

a[i].onmouseover()=function(){

a[i].style.color="red";

a[i].style.backgroundColor="#CCC";

}

a[i].onmouseout()=function(){

a[i].style.color="blue";

a[i].style.backgroundColor="#BBB";

}

function add(){

var dd=getElementById("table");

var a=createElement("tr");

dd.appendChild(a);

var b1=createElement("td");

b1.innerHTML="xh003";

a.appendChild(b1);

var b2=createElement("td");

b2.innerHTML="zlj";

a.appendChild(b2);

var b3=createElement("td");

a.appendChild(b3);

var c=b3.appendChild("a");

c.setAttribute("href","http://baidu.com");

c.setAttribute("onclick","removeChild(this)");

c.innerHTML="删除";

}

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

function removeChild(obj){

var s=obj.parentNode.parentNode;

s.parentNode.removeChild(s);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

土韵乡情

2018-06-26

源自：JavaScript进阶篇 9-22

关注问题我要回答

1072

操作

收起

2 回答

qq_抛物线_0
2018-07-04

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function () {

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

var a = document.getElementsByTagName("tbody")[0].getElementsByTagName("tr");

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

a[i].onmouseover = function () {

this.style.color = "red";

this.style.backgroundColor = "#CCC";

}

a[i].onmouseout = function () {

this.style.color = "blue";

this.style.backgroundColor = "#BBB";

}

function add() {

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

var a = document.createElement("tr");

dd.appendChild(a);

var b1 = document.createElement("td");

b1.innerHTML = "xh003";

a.appendChild(b1);

var b2 = document.createElement("td");

b2.innerHTML = "zlj";

a.appendChild(b2);

var b3 =document.createElement("td");

a.appendChild(b3);

var aLink =document.createElement("a");

var c = b3.appendChild(aLink);

c.setAttribute("href", "javascript:;");

c.setAttribute("onclick", "removeChildAA(this)");

c.innerHTML = "删除";

}

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

function removeChildAA(obj) {

var s = obj.parentNode.parentNode;

s.parentNode.removeChild(s);

}

</script>

</head>

<body>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

</tbody>

</table>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

qq_叶益鹏_0
2018-06-27

var a=document.getElementByTagName("tr");

你少了document.下面也是

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 468188 人
解答问题 21891 个

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