代码如下
<body>
<p>本地留言版,刷新页面即清除,无法保留</p>
<div id="input">
<input id="bar1" type="text"/>
<button id="button" onclick="input1();addtab();fnclear()">添加留言</button>
</div>
<!--<div id="bar2"></div>-->
<div id="tab"></div>
<script language="javascript">
function input1()//在框内输入内容
{
var kuang1 = document.getElementById("bar1")//现在这个KUANG1就代表的是这个文本框,
}
function fnclear()//清空输入框内容
{document.getElementById('bar1').value="";
}
function addtab() { //创建表格
var odiv = document.getElementById("tab");
var oTable = document.createElement("table");
oTable.setAttribute("border", 1, 0);
oTable.setAttribute("width", "600px");
for (i = 0; i < 1; i++) {
var tr = oTable.insertRow();
tr.innerHTML =" 事项:" + " " + document.getElementById("bar1").value + '<a href="javascript:void(0)" onclick="oTable.deleteRow()">删除</a>';//显示输入内容并添加删除按钮
}
odiv.appendChild(oTable);
}
</script>
</body>
问题:
tr.innerHTML =" 事项:" + " " + document.getElementById("bar1").value + '<a href="javascript:void(0)" onclick="oTable.deleteRow()">删除</a>';//显示输入内容并添加删除按钮
这个代码部分,删除按钮不生效,不知道如何来写,求指导
首先,是被写入的<a href="javascript:void(0)" onclick="oTable.deleteRow()">删除</a>
onclick执行的是一个独立的过程,需要独立的函数支持deleteRow()是删除行,但是不能这么调用。重新定义一个函数,
我在你写的基础上做了一下修改
function input1()//在框内输入内容