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>

相关推荐
無限進步D3 小时前
Java 运行原理
java·开发语言·入门
是苏浙3 小时前
JDK17新增特性
java·开发语言
余人于RenYu4 小时前
Claude + Figma MCP
前端·ui·ai·figma
阿里加多7 小时前
第 4 章:Go 线程模型——GMP 深度解析
java·开发语言·后端·golang
杨艺韬7 小时前
vite内核解析-第2章 架构总览
前端·vite
likerhood7 小时前
java中`==`和`.equals()`区别
java·开发语言·python
我是伪码农7 小时前
外卖餐具智能推荐
linux·服务器·前端
2401_885885048 小时前
营销推广短信接口集成:结合营销策略实现的API接口动态变量填充方案
前端·python
小李子呢02118 小时前
前端八股性能优化(2)---回流(重排)和重绘
前端·javascript
zs宝来了8 小时前
AQS详解
java·开发语言·jvm