html中写好了ul，用JS点击事件函数创建li，同时在li中创建超链接文字
点击超链接文字又可以同时删除li
可能是我表达的不够明白，我想实现的是类似于微博，说说那样的
abc是内容，由text区域输入，点add按钮，就会多出一条记录，并且记录的最后出现一个删除的超链接，点击删除后，只删除各自对应的条记录
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function del(){
var ul = document.getElementById("list");
ul.innerHTML = '';
}
function add(){
var inp = document.getElementById("inp");
var ul = document.getElementById("list");
var li = document.createElement('li');
li.innerHTML = "<a href='javascript:del();'>"+inp.value+"</a>";
ul.appendChild(li);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="text" id="inp"/><input type="button" value="add" onclick="add();"/>
<ul id="list">
</ul>
</BODY>
</HTML>追问
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function del(obj){
var li = document.getElementById(obj);
alert(li);
var ul = document.getElementById("list");
ul.removeChild(li);
}
function add(){
var inp = document.getElementById("inp");
var ul = document.getElementById("list");
var li = document.createElement('li');
li.id = inp.value;
li.innerHTML = inp.value+"<a href='javascript:del(\""+inp.value+"\");'>删除</a>";
ul.appendChild(li);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="text" id="inp"/><input type="button" value="add" onclick="add();"/>
<ul id="list">
</ul>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function del(){
var ul = document.getElementById("list");
ul.innerHTML = '';
}
function add(){
var inp = document.getElementById("inp");
var ul = document.getElementById("list");
var li = document.createElement('li');
li.innerHTML = "<a href='javascript:del();'>"+inp.value+"</a>";
ul.appendChild(li);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="text" id="inp"/><input type="button" value="add" onclick="add();"/>
<ul id="list">
</ul>
</BODY>
</HTML>追问
可能是我表达的不够明白，我想实现的是类似于微博，说说那样的
abc是内容，由text区域输入，点add按钮，就会多出一条记录，并且记录的最后出现一个删除的超链接，点击删除后，只删除各自对应的条记录
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function del(obj){
var li = document.getElementById(obj);
alert(li);
var ul = document.getElementById("list");
ul.removeChild(li);
}
function add(){
var inp = document.getElementById("inp");
var ul = document.getElementById("list");
var li = document.createElement('li');
li.id = inp.value;
li.innerHTML = inp.value+"<a href='javascript:del(\""+inp.value+"\");'>删除</a>";
ul.appendChild(li);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="text" id="inp"/><input type="button" value="add" onclick="add();"/>
<ul id="list">
</ul>
</BODY>
</HTML>
温馨提示：答案为网友推荐，仅供参考