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>

相关推荐
molunnnn20 小时前
第四章 Agent的几种经典范式
开发语言·python
洛_尘21 小时前
JAVA EE初阶 2: 多线程-初阶
java·开发语言
@卞1 天前
C语言常见概念
c语言·开发语言
一只小阿乐1 天前
react 封装弹框组件 传递数据
前端·javascript·react.js
wjs20241 天前
Eclipse 关闭项目详解
开发语言
沐知全栈开发1 天前
《隐藏(Hide)》
开发语言
lkbhua莱克瓦241 天前
Java基础——方法
java·开发语言·笔记·github·学习方法
533_1 天前
[element-plus] el-tree 动态增加节点,删除节点
前端·javascript·vue.js
catchadmin1 天前
PHP 依赖管理器 Composer 2.9 发布
开发语言·php·composer
禁止摆烂_才浅1 天前
前端开发小技巧-【JavaScript】- 获取元素距离 document 顶部的距离
前端·javascript·react.js