为了账号安全,请及时绑定邮箱和手机立即绑定

表单删除问题JS!

表单删除问题JS!

19990000 2016-11-26 15:20:37
这两个功能分别怎实现的  麻烦写两个demo还有自定义属性怎么操作 !效果出来 马上采纳!谢谢各路大神
查看完整描述

2 回答

已采纳
?
慕数据5775487

TA贡献76条经验 获得超19个赞

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

   #list1,#list2,#list3,#list4{

       list-style:none;

       }

</style>

<script type="text/javascript">

    function del1(){

        var e=document.getElementById("list1");   

       if (e.hasChildNodes) {

            e.removeChild(e.firstChild);    //删除e元素的第一个子节点

        }

    }

    function del2(){

        var e=document.getElementById("list2");   

       if (e.hasChildNodes) {

            e.removeChild(e.firstChild);    //删除e元素的第一个子节点

        } 

    }

    function del3(){

        var e=document.getElementById("list3");   

       if (e.hasChildNodes) {

            e.removeChild(e.firstChild);    //删除e元素的第一个子节点

        } 

    }

    function del4(){

        var e=document.getElementById("list4");

        document.body.removeChild(e);

    }

</script> 

</head>

<body>

    <ul>

        <li id="list1">

            <input type="text">

            <input type="button" value="删除" onclick="del1()">

        </li>

        <li id="list2"> 

            <input type="text" id="txt2">

            <input type="button" value="删除" onclick="del2()">

        </li>

        <li id="list3">

            <input type="text" id="txt3">

            <input type="button" value="删除" onclick="del3()">

        </li>

    </ul>

    <p>第二种</p>

    <input type="button" value="删除" onclick="del4()">

    <ul id="list4">

        <li>

            <input type="text"><br>

            <input type="text"><br>

            <input type="text">

        </li>

    </ul>


</body>

</html>


查看完整回答
反对 回复 2016-11-26
?
这都不会

TA贡献72条经验 获得超92个赞

你是想删除里面的内容还是想把input元素删除?

查看完整回答
反对 回复 2016-11-26
?
qq_sU_4

TA贡献30条经验 获得超6个赞

你是想点击删除按钮清空输入框还是把输入框删除掉?????????????


查看完整回答
反对 回复 2016-11-26
  • 2 回答
  • 0 关注
  • 1637 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信