新问题,求指导-慕课网

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

新问题,求指导

来源：9-22 编程练习

qq_轮滑到老_04284587

2017-06-13 11:20

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function(){

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

}

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

function adda(obj){

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

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

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

td.innerHTML = "<input type='text' />"

tr.appendChild(td);

td = document.createElement("td");

td.innerHTML = "<input type='text' />";

tr.appendChild(td);

td = document.createElement("td");

td.innerHTML ="<a href='javascript:;' onlick='dele(this)'>删除</a>"

tr.appendChild(td);

tbody.appendChild(tr);

Highlight();

}

// 创建删除函数

function dele(obj){

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

var tr = obj.parentNode.parentNode;

tbody.removeChild(tr);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

怎么把新增的<input>标签的边框隐藏掉？要看起来和上面两行一样，求指导。

写回答关注

5回答

6比哄哄

2017-06-15 09:44:17

已采纳

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<style>
#p{
border: none;
outline: none;
}
</style>
<script type="text/javascript">

window.onload = function(){

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

}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function add(){
var tbody = document.getElementById("table");
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.innerHTML = "<input type='text' id='p' />"
tr.appendChild(td1);
td2 = document.createElement("td");
td2.innerHTML = "<input type='text' id='p' />";
tr.appendChild(td2);

td3 = document.createElement("td");
td3.innerHTML ="<a href='javascript:;' onclick='del(this)'>删除</a>"
tr.appendChild(td3);
tbody.appendChild(tr);
Highlight();
}

// 创建删除函数
function del(r){
var i=r.parentNode.parentNode;
i.parentNode.removeChild(i);
}

</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="del(this)" >删除</a></td> 
</tr>

<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="del(this)" >删除</a></td> 
</tr>

</table>
<input type="button" value="添加一行" onclick="add()" /> 
</body>
</html>
这是我改正的，你的所有要求都实现了！！！大概吧

6 0

qq_轮滑到... 回复6比哄哄

明白了，谢谢您！

2017-06-15 10:48:02

共 6 条回复 >
6比哄哄

2017-06-15 09:35:54

你自己的源代码也不行吧，因为你新增是文本框他不输入确认他的值就不固定当然系统就不知道你文本框到底输入完了没有

1 0

qq_轮滑到...

那要怎么解决这个问题呢？可以发解决后的代码给我看吗？谢谢

2017-06-15 09:41:14

共 1 条回复 >
botao555

2017-06-14 14:03:07

设置input的border为0就行了。

0 1
6比哄哄

2017-06-13 16:46:55

这样符不符合这是代码：
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<style>
#p{
border: none;
outline: none;
}
</style>
<script type="text/javascript">

window.onload = function(){

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

}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function adda(obj){
var tbody = document.getElementById("table");
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.innerHTML = "<input type='text' id='p' />"
tr.appendChild(td1);
td2 = document.createElement("td");
td2.innerHTML = "<input type='text' id='p' />";
tr.appendChild(td2);

td3 = document.createElement("td");
td3.innerHTML ="<a href='javascript:;' onlick='dele(this)'>删除</a>"
tr.appendChild(td3);
tbody.appendChild(tr);
// Highlight();
}

// 创建删除函数
function dele(obj){
var tbody = document.getElementById("table").lastChild;
var tr = obj.parentNode.parentNode;
tbody.removeChild(tr);
}

</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="dele(this)" >删除</a></td> 
</tr>

<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="dele(this)" >删除</a></td> 
</tr>

</table>
<input type="button" value="添加一行" onclick="adda()" /> 
</body>
</html>

3 0

qq_轮滑到...

里面写错的 onclick 我已经改正确了，但是还是不行

2017-06-15 09:09:36

共 3 条回复 >
6比哄哄

2017-06-13 15:56:27

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function adda(){
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.innerHTML = "xh003"
tr.appendChild(td1);

var td2 = document.createElement("td");
td2.innerHTML = "王戈比";
tr.appendChild(td2);

var td3 = document.createElement("td");
td3.innerHTML ="<a href='javascript:;' onlick='dele(this)'>删除</a>"
tr.appendChild(td3);
var tab=document.getElementById("table");
tab.appendChild(tr);
Highlight();
}

根据你的代码修改的，你可以打个样。

0 0

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题

求指导求指导

回答 3

求大神指导

回答 1

求大神指导

回答 2

软件求指导

回答 4

置顶回答的一些问题..求指导

回答 4

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