那个帮我看一下我的JavaScript的问题（在线等答案）？我正了好几天就是没有结果！！！！！！

cjoy4856 2009-04-09 01:42:46
我要实现的是通过点击按钮的时候在tr里添加两个text，添加的次数不限定，
但是我的tr.innnerHTML有问题，请大侠们帮我看看问题的所在，或是其他的放发来达到这样的效果？谢谢！
<html>
<head><title></title>
</head>
<script type="text/javascript">
var k=3;

function insRow()
{
var tr=document.getElementById('tr');
tr.innerHTML="<td>email"+(k+1)+"</td>";
tr.innerHTML="<td><input name=email"+(k+1)+" type=text ></td>";
h3.innerHTML="<td>email"+(k+2)+"</td>";
h4.innerHTML="<td><input name=email"+(k+2)+" type=text ></td>";
k+=2;
//i++;
tr.bgColor="#ffffff" ;
}

function insRow2()
{
insRow();
}
</script>
<body>
<form>
<table>
<tr>
<td>email1</td>
<td><input type="text" name="email1" /></td>
<td>email2</td>
<td><input type="text" name="eamil2"/></td>
</tr>
<tr id="tr"></tr>
<td><input type="button" value='+' onclick="javascript:insRow2();"/></td>
</table>
</form>
</body>
</html>
...全文
203 18 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 13 楼 yixianggao 的回复:]
莫非是添加多行？
L@_@K

HTML code<html>
<head> <title> </title>
</head>
<script type="text/javascript">
var k=3;

function insRow()
{
var tab=document.getElementById('tab');
var tr = tab.insertRow();
tr.insertCell().innerHTML="email"+(k+1);
tr.insertCell().innerHTML="<input name=email"+(k+1)+" type=text >";
tr.insertCell().innerHTML=" <td>email"+(k+2)+" </td>";
tr.ins…
[/Quote]

你的也是我要的，你的跟15楼的是一样的，谢谢啊！！
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 caiying2009 的回复:]
HTML code
<html>
<head> <title> </title>
</head>
<script type="text/javascript">
var k=2;

function createTd(obj,k,input){
var newTd=document.createElement('td');
if (input)
newTd.innerHTML=" <input name=email"+k+" type=text >";
else
newTd.innerHTML=" email"+k;
obj.appendChild(newTd)
}
function insRow(tr) {
// tr=document.getElementByI…
[/Quote]
15 楼--答案就是你了，你就是我想要的答案，谢谢
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 haifengyu5211314 的回复:]
<script type="text/javascript">
var k=3;
function insRow()
{
var SpecTb = document.getElementById("Table");
var newTr = SpecTb.insertRow(SpecTb.rows.length);

var newTd0=newTr.insertCell(0);
var newTd1=newTr.insertCell(1);
var newTd2=newTr.insertCell(2);
var newTd3=newTr.insertCell(3)
newTd0.innerHTML=" <td>email"+k+" </td>";
newTd1.innerHTML=" <td> <input name=email"+(k+1…
[/Quote]
怎么老是在table的最后一行添加呢，并没有在我要求的《tr id="tr">添加
caiying2009 2009-04-09
  • 打赏
  • 举报
 回复 


<html> 

<head> <title> </title> 

</head> 

<script type="text/javascript"> 

var k=2; 



function createTd(obj,k,input){

	var newTd=document.createElement('td');

	if (input)

		newTd.innerHTML=" <input name=email"+k+" type=text >";

	else

		newTd.innerHTML=" email"+k;

	obj.appendChild(newTd)

}





function insRow(tr) { 

//    tr=document.getElementById('addtr');

    

	createTd(tr,k+1)

	createTd(tr,k+1,"input")

	

	createTd(tr,k+2)

	createTd(tr,k+2,"input")

	 

	k+=2; 



	tr.style.backgroundColor="#fdd"

} 



function insRow2() { 

	var tb = document.getElementById("tagTb")

    var trs=tb.getElementsByTagName("tr")

    tr=trs[trs.length-1];

    

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

    tb.insertBefore(newTR, tr)



insRow(newTR); 

} 

</script> 

<body> 

<form> 

<table>

<tbody id="tagTb">

<tr> 

	<td>email1 </td> 

	<td> <input type="text" name="email1" /> </td> 

	<td>email2 </td> 

	<td> <input type="text" name="eamil2"/> </td> 

</tr> 

<tr>  

	<td> <input type="button" value='+' onclick="javascript:insRow2();"/> </td> 

</tr>

</tbody> 

</table> 

</form> 

</body> 

</html>
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
8楼就是我要的结果，谢谢你们的热情回帖，
yixianggao 2009-04-09
  • 打赏
  • 举报
 回复
莫非是添加多行？
L@_@K
<html> 

<head> <title> </title> 

</head> 

<script type="text/javascript"> 

var k=3; 



function insRow() 

{ 

var tab=document.getElementById('tab');

var tr = tab.insertRow();

tr.insertCell().innerHTML="email"+(k+1); 

tr.insertCell().innerHTML="<input name=email"+(k+1)+" type=text >"; 

tr.insertCell().innerHTML=" <td>email"+(k+2)+" </td>"; 

tr.insertCell().innerHTML=" <td> <input name=email"+(k+2)+" type=text > </td>"; 

k+=2; 

//i++; 

tr.bgColor="#ffffff" ; 

} 



function insRow2() 

{ 

insRow(); 

} 

</script> 

<body> 

<form> 

	<table id="tab"> 

		<tr> 

			<td>email1 </td> 

			<td> <input type="text" name="email1" /> </td> 

			<td>email2 </td> 

			<td> <input type="text" name="eamil2"/> </td> 

		</tr>

	</table>

	<input type="button" value='+' onclick="javascript:insRow2();"/>

</form> 

</body> 

</html>
yixianggao 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 cjoy4856 的回复:]不是我想要的结果[/Quote]
lz 想要啥结果，说得详细些好不？
sophia_cloud 2009-04-09
  • 打赏
  • 举报
 回复
<html>
<head> <title> </title>
</head>
<script type="text/javascript">
var k=2;

function insRow()
{
var tr=document.getElementById('tr');
tr.innerHTML+=" <td>email"+(k+1)+" </td><td> <input name=email"+(k+1)+" type=text > </td><td>email"+(k+2)+" </td><td> <input name=email"+(k+2)+" type=text > </td>";
k+=2;
//i++;
tr.bgColor="#ffffff" ;
}

function insRow2()
{
insRow();
}
</script>
<body>
<form>
<table>
<tr>
<td>email1 </td>
<td> <input type="text" name="email1" /> </td>
<td>email2 </td>
<td> <input type="text" name="eamil2"/> </td>
</tr>
<tr id="tr"> </tr>
<td> <input type="button" value='+' onclick="javascript:insRow2();"/> </td>
</table>
</form>
</body>
</html>
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 yixianggao 的回复:]
Web 开发常用手册

JScript语言参考.rar
http://download.csdn.net/source/308916

DHTML参考手册.rar
http://download.csdn.net/source/308913

样式表中文手册.chm
http://download.csdn.net/source/304124

L@_@K

HTML code<html>
<head> <title> </title>
</head>
<script type="text/javascript">

var k=3;

function insRow()
{
var tr=document.getElementById('tr');
tr.insertC…
[/Quote]
这种方法我已经写出来了，不是我想要的结果，不还是谢谢你的回贴，
yixianggao 2009-04-09
  • 打赏
  • 举报
 回复
Web 开发常用手册

JScript语言参考.rar
http://download.csdn.net/source/308916

DHTML参考手册.rar
http://download.csdn.net/source/308913

样式表中文手册.chm
http://download.csdn.net/source/304124

L@_@K
<html> 

<head> <title> </title> 

</head> 

<script type="text/javascript"> 

var k=3; 



function insRow() 

{ 

var tr=document.getElementById('tr'); 

tr.insertCell().innerHTML="email"+(k+1); 

tr.insertCell().innerHTML="<input name=email"+(k+1)+" type=text >"; 

tr.insertCell().innerHTML=" <td>email"+(k+2)+" </td>"; 

tr.insertCell().innerHTML=" <td> <input name=email"+(k+2)+" type=text > </td>"; 

k+=2; 

//i++; 

tr.bgColor="#ffffff" ; 

} 



function insRow2() 

{ 

insRow(); 

} 

</script> 

<body> 

<form> 

	<table> 

		<tr> 

			<td>email1 </td> 

			<td> <input type="text" name="email1" /> </td> 

			<td>email2 </td> 

			<td> <input type="text" name="eamil2"/> </td> 

		</tr> 

		<tr id="tr"></tr>

	</table>

	<input type="button" value='+' onclick="javascript:insRow2();"/>

</form> 

</body> 

</html>
haifengyu5211314 2009-04-09
  • 打赏
  • 举报
 回复
<script type="text/javascript">
var k=3;
function insRow()
{
var SpecTb = document.getElementById("Table");
var newTr = SpecTb.insertRow(SpecTb.rows.length);

var newTd0=newTr.insertCell(0);
var newTd1=newTr.insertCell(1);
var newTd2=newTr.insertCell(2);
var newTd3=newTr.insertCell(3)
newTd0.innerHTML=" <td>email"+k+"</td>";
newTd1.innerHTML=" <td><input name=email"+(k+1)+" type=text > </td>";
newTd2.innerHTML=" <td>email"+(k+1)+" </td>";
newTd3.innerHTML=" <td> <input name=email"+(k+2)+" type=text > </td>";
k+=2;
}
function insRow2()
{
insRow();
}
</script>
<body>
<form>
<table id="Table">
<tr>
<td>email1 </td>
<td> <input type="text" name="email1" /> </td>
<td>email2 </td>
<td> <input type="text" name="eamil2"/> </td>
</tr>
<tr id="tr"> </tr>
<td><input type="button" value='+' onclick="javascript:insRow2();"/></td>
</table>
</form>
</body>
</html>
knightwayne 2009-04-09
  • 打赏
  • 举报
 回复
tr.insertCell()
用这个~
tantaiyizu 2009-04-09
  • 打赏
  • 举报
 回复
tr不支持innerHTML

使用createElement或者insertCell吧
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 luojihaidao 的回复:]
HTML code<html>
<head> <title> </title>
</head>
<script type="text/javascript">
var k=3;

function insRow()
{
var tr=document.getElementById('tr');
var td = document.createElement('td');
td.innerHTML = '<input type=text value=""/>';
tr.appendChild(td);
}
</script>
<body>
<form>
<table>
<tr>
<td>email1 </td>
<td> <input type="text" name="email1" /> </td>
<td>em…
[/Quote]

你的方法好像会破坏了table的格式，有什么方法使得他不会破坏？你的能用是能用
luojihaidao 2009-04-09
  • 打赏
  • 举报
 回复
tr 最好不要用innerHTML
cjoy4856 2009-04-09
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 xcx573 的回复:]
tr.innerHTML+=
[/Quote]
这个没有用
luojihaidao 2009-04-09
  • 打赏
  • 举报
 回复 
<html> 

<head> <title> </title> 

</head> 

<script type="text/javascript"> 

var k=3; 



function insRow() 

{ 

var tr=document.getElementById('tr'); 

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

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

tr.appendChild(td);

} 

</script> 

<body> 

<form> 

<table> 

<tr> 

<td>email1 </td> 

<td> <input type="text" name="email1" /> </td> 

<td>email2 </td> 

<td> <input type="text" name="eamil2"/> </td> 

</tr> 

<tr id="tr"> </tr> 

<td> <input type="button" value='+' onclick="insRow();"/> </td> 

</table> 

</form> 

<input type=text value=""/>

</body> 

</html>
肖无疾 2009-04-09
  • 打赏
  • 举报
 回复
tr.innerHTML+=
JavaScript的三大组成部分是什么?JavaScript的核心组成部分解析：语法、BOM和DOM
JavaScript作为一门重要的Web编程语言，在Web开发中扮演着关键角色。本文将深入探讨JavaScript的三大核心组成部分：语法、浏览器对象模型（BOM）和文档对象模型（DOM）。通过实例演示，您将更好地理解这些组成部分在Web应用程序中的作用。随着Web应用越来越复杂，JavaScript的重要性也日益凸显。了解JavaScript的核心组成部分对于开发出出色的用户体验至关重要。本文旨在为读者介绍JavaScript的三大核心组成部分，并通过简单易懂的代码示例，帮助读者更好地掌握这些概念。
javascript不错的网站
今年有越来越多企业开始跟我们接洽企业内训的事，想请我帮他们培训前端工程师，但你知道一个好的前端工程师绝对不是两三个月可以养成的，需要多年的努力与磨练才会有点成绩。而这几年可谓前端正夯，有为数不少的人开始大规模的往前端开发移动，而我被问到最多的问题就是「请问 JavaScript 要怎麽学？」或「请问 JavaScript 该怎样入门？」诸如此类的问题。 大家都知道，对于一门程式技术来说，「会
如何在 JavaScript 中获取当前日期？
想要改进这篇文章？提供这个问题的详细答案，包括引文和解释为什么你的答案是正确的。没有足够细节的答案可能会被编辑或删除。如何在 JavaScript 中获取当前日期？
JavaScript梗图详解
JavaScript梗图详解 前几天我看到了一张JavaScript的梗图，虽然看完之后哈哈大笑，但是有些东西我并不知道为啥是这样，只是知道了有这么一件事，但是不知道其中的原理，所以我今天来开坑把这个图上的JavaScript知识点整理一下 开坑一时爽，填坑火葬场，看我这个坑要多久才能填上 (2020/05/12开坑) 截至发送事件 (2020/06/29) 这个坑我才填上，我的拖延症没救了吧 1. typeof NaN == “number” NaN 的意思是说明这个值不是数字，例如我们
JavaScript 入门哪本书最好？(问、答) 《转载》
司徒正美，JS魔法师，去哪儿网前端架构师 知乎用户、zinwa.lin、Yang 等人赞同 入门可以看《javascript高级程序设计》与《javascript dom 编程艺术》尤其是后者，真是好书。我以前看了许多视频，翻那本很厚的指南与高程，最后还是靠《javascript dom 编程艺术》激发我学习兴趣入门。看了三四次《javascript高级程序设计》就...
JavaScript

87,997

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章