html中写好了ul,用JS点击事件函数创建li,同时在li中创建超链接文字

点击超链接文字又可以同时删除li可能是我表达的不够明白,我想实现的是类似于微博,说说那样的abc是内容,由text区域输入,点add按钮,就会多出一条记录,并且记录的最后... 点击超链接文字又可以同时删除li
可能是我表达的不够明白,我想实现的是类似于微博,说说那样的

abc是内容,由text区域输入,点add按钮,就会多出一条记录,并且记录的最后出现一个删除的超链接,点击删除后,只删除各自对应的条记录
展开
 我来答
lkstarsea
2013-08-11 · TA获得超过315个赞
知道小有建树答主
回答量:201
采纳率:100%
帮助的人:188万
展开全部
<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按钮,就会多出一条记录,并且记录的最后出现一个删除的超链接,点击删除后,只删除各自对应的条记录

追答
<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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式