JS获取指定类名下的input/div/button等特定元素

<body>
   
    <!-- 获取指定类名下的所有input元素 -->
    <div class="aCuteName">
        <div></div>
        <input type="text" value='1'>
        <input type="text" value='2'>
        <ul>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
        <input type="text" value='3'>
        <input type="text" value='4'>
        <input type="text" value='5'>
        <button>别点我</button>
    </div>
    
    <script>
        // 获取指定类名下的所有指定元素  
        // 通过ClassName获取指定类名下的子元素合集
        let father = document.getElementsByClassName('aCuteName')[0].childNodes;
        for (let i in father) {
            //通过localName获取指定元素合集
            if (father[i].localName === "input")
                console.log(father[i]);
        }
   </script>

</body>

JS获取指定类名下的input/div/button等特定元素

 

上一篇:2021-10-08


下一篇:2021年10月随笔