新问题,求指导

源自：9-22 编程练习

新问题,求指导

<!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>标签的边框隐藏掉？要看起来和上面两行一样，求指导。

提问者：qq_轮滑到老_04284587 2017-06-13 11:20

个回答

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>
这是我改正的，你的所有要求都实现了！！！大概吧

0
6比哄哄

2017-06-15 09:35:54

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

0
botao555

2017-06-14 14:03:07

设置input的border为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>

0
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