原生js删除父元素下面的子元素 怎么写

<div class="parent">
    <li class="good">乖小孩</li>
    <li class="bad">壞小孩</li>
    <li class="good">乖小孩</li>
</div>


var parent = document.querySelector('.parent')
parent.removeChild(parent.querySelector('.bad')) // 只刪除壞小孩 .bad

xiaoxiongmila

9022817

发布于
2016-07-05

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<input type="button" id="btn" value="删除">
<div id="list">
   <div id="item">1111</div>
</div>
<script>
    function $(id) {
        return document.getElementById(id);
    }

    $('btn').onclick = function() {
        if($('list').children[0]) {
            $('list').removeChild($('item'));
        }
    }
</script>
</body>
</html>

是你这么写的啊

蓠人

19514369

发布于
2016-07-05

<body>
        <div class="parent">
            <li class="good">笨小孩</li>
            <li class="bad">壞小孩</li>
            <li class="good">乖小孩</li>
        </div>
        <button onclick="removeC()">delete</button>
        <script>
        var lis = document.getElementsByTagName('li');
        function removeC() {
            lis[0].parentNode.removeChild(lis[0]);
        }
        </script>
    </body>

cjl_jane

171

发布于
2016-07-05

<body>
    <div class="parent">
        <li class="good">乖小孩</li>
        <li class="bad">壞小孩</li>
        <li class="good">乖小孩</li> 
        <li class="good">乖小孩</li>
    </div>
</body>
<script>
    var parent = document.querySelector('.parent');
    var sp = parent.getElementsByTagName('li');
    for(var i=0;i<sp.length;i++){
        parent.removeChild(parent.querySelector('.bad'));
    }
    /*加个for循环可以随着你的li 的添加，也可以全部删除'坏小孩';*/
</script>

原生js删除父元素下面的子元素怎么写

你尚未登录，登录后可以

扁平化数组转换成树形?

js 如何将Key属性相同的放在同一个数组？

省市区街道数据在哪里可以下载？

两个promise问题？

如何自定义设置虚线边框的样式？

Object assgin拷贝问题？

js如何在并发中同步两个fetch请求？

原生js删除父元素下面的子元素 怎么写

你尚未登录，登录后可以

扁平化数组转换成树形?

js 如何将Key属性相同的放在同一个数组？

省市区街道数据在哪里可以下载？

两个promise问题？

如何自定义设置虚线边框的样式？

Object assgin拷贝问题？

js如何在并发中同步两个fetch请求？

原生js删除父元素下面的子元素怎么写