JavaScript思维导图——Day 13(dom选择器、节点类型)

我不是女神ヾ 2023-07-06 13:05 11阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        
        
        <div>42421<strong><span></span></strong>
        <span></span>
        </div>
        <div id="123" class="2342"> </div>
    
        <script type="text/javascript">
            // var div = document.getElementById('only');
            // var div = document.getElementsByTagName('div');
            // var p = document.getElementsByTagName('p');
            // var strong = document.querySelector('div > span > strong.demo');
            // var strong1 = document.querySelectorAll('div > span > strong');
            var div = document.getElementsByTagName('div')[1];
            function retElementChild(node) {
                var arr = [],
                    len = node.childNodes.length;
                for(var i = 0 ; i < len; i++){
                    if (node.childNodes[i].nodeType === 1) {
                        arr.push(node.childNodes[i]);
                    }
    
                }
                return arr;
    
            }
            console.log(retElementChild(div));
        </script>
        
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200218223616185.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA==,size_16,color_FFFFFF,t_70