HTML DOM 教程---获取常规元素方式(2)

querySelector 只能返回遇到的第一个对象

querySelectorAll 返回所有的

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取常规元素</title>
</head>
<body>
    <ul>
        <li class="newsitem">111111111</li>
        <li class="newsitem">111111111</li>
        <li class="newsitem">111111111</li>
    </ul>
    <ul>
        <li class="adsitem">111111111</li>
        <li class="adsitem">111111111</li>
        <li class="adsitem">111111111</li>
    </ul>

    <script>
        
        // querySelector 只能返回遇到的第一个对象
        var item = document.querySelector("ul li")
        console.log(item)

        // querySelectorAll  返回所有的
        var item1 = document.querySelectorAll("ul li.newsitem")
        console.log(item1)
    </script>
</body>
</html>

相关推荐
benbenAItalk2 小时前
数字人口播视频的批量生产实践:素材规范、任务编排与质量验收
java·前端·音视频
2601_966949653 小时前
为什么量化策略需要大量历史股票数据?从回测可信度理解数据规模
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash
niucloud-admin3 小时前
JAVA V6 多商户商城 开发文档——插件目录结构
java·开发语言
2601_962885723 小时前
如何用 Python 扫描 A 股跳空缺口并统计缺口回补概率?
java·前端·python
滕州市燕猫虎计算机科技工作室个体工商户3 小时前
Java锁
java·开发语言
西瓜太郎12343 小时前
Claude Code、Codex CLI、Gemini CLI 能否共用一枚 Key?先看协议选择矩阵
前端·api 网关·claude code·gemini cli·codex cli
多加点辣也没关系3 小时前
JavaScript|第31章:表单与控件
开发语言·javascript·ecmascript
菜鸟~noob2333 小时前
【电子战】 第09篇:阵列信号处理——波束形成、MVDR、MUSIC【含matlab代码】
开发语言·matlab·信号处理
ocean21034 小时前
2025-2026年Python面试高频知识点洞察
开发语言·python·面试·python八股文
零依赖极客4 小时前
Day 6·1 ARMv8.2 dotprod——vdotq_s32 一条指令做 4 个点积
c语言·开发语言·人工智能·矩阵·arm·vllm