其他分享
首页 > 其他分享> > JS获取指定类名下的input/div/button等特定元素

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>

 

标签:button,元素,father,指定,名下,JS,获取,localName,input
来源: https://blog.csdn.net/qq_36129587/article/details/121871889