问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

获取ul里面各个li里面的class名分别为a和b的元素，用原生js

头像
小小小小小小杨
    16732545

    每个li里面有两个块级元素，一个类名是a另一个类名是b，我用js怎么去获取动态的时候当前li下面的这两个类名分别去操作，解决不了睡不着

    javascript
    阅读 7.3k
    2 个回答
    得票最新
    头像
    leftstick
      27.3k33329
      ✓ 已被采纳

      假设你拿到了li的dom元素对象，那接下来可以这么写

      var $a = $li.querySelector('.a');

      b也可以以此类推

      头像
      前端老鹰
        1286
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<ul id="ul">
    <li>
        <span class="a">a</span>
        <span class="b">b</span>
    </li>
    <li>
        <span class="a">a</span>
        <span class="b">b</span>
    </li>
</ul>

<script type="text/javascript">

var oul = document.getElementById('ul'),            //获取到ul
    oli = oul.getElementsByTagName('li');            //获取到所有li

var arr_a = [],                                        //存放所有 .a
    arr_b = [];                                    //存放所有 .b

for (var i = 0; i < oli.length; i++) {
    arr_a.push(oli[i].getElementsByClassName('a')[0]);
    arr_b.push(oli[i].getElementsByClassName('b')[0]);
};

console.log(arr_a)
console.log(arr_b)

</script>
    
</body>
</html>
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题