html中写好了ul,用JS点击事件函数创建li,同时在li中创建超链接文字
点击超链接文字又可以同时删除li可能是我表达的不够明白,我想实现的是类似于微博,说说那样的abc是内容,由text区域输入,点add按钮,就会多出一条记录,并且记录的最后...
点击超链接文字又可以同时删除li
可能是我表达的不够明白,我想实现的是类似于微博,说说那样的
abc是内容,由text区域输入,点add按钮,就会多出一条记录,并且记录的最后出现一个删除的超链接,点击删除后,只删除各自对应的条记录 展开
可能是我表达的不够明白,我想实现的是类似于微博,说说那样的
abc是内容,由text区域输入,点add按钮,就会多出一条记录,并且记录的最后出现一个删除的超链接,点击删除后,只删除各自对应的条记录 展开
1个回答
展开全部
<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>
追问
追答
<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询