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>

相关推荐
froginwe112 分钟前
SVN 创建版本库
开发语言
2501_924952694 分钟前
C++中的枚举类高级用法
开发语言·c++·算法
闭关苦炼内功4 分钟前
使用Java语言实现二分查找
java·开发语言
2401_873204657 分钟前
代码覆盖率工具实战
开发语言·c++·算法
英俊潇洒美少年8 分钟前
JS 事件循环(宏/微任务) ↔ Vue ↔ React** 三者的关系
javascript·vue.js·react.js
xht08328 分钟前
PHP vs C++:编程语言终极对决
java·开发语言
少司府9 分钟前
C++基础入门:第一个C++程序
java·c语言·开发语言·c++·ide
不染尘.9 分钟前
欧拉路径算法
开发语言·数据结构·c++·算法·图论
Greg_Zhong12 分钟前
Js中异步编程的知识扩展【异步有哪些、如何执行、宏任务和微任务等】
开发语言·javascript
陈随易16 分钟前
我也曾离猝死很近
前端·后端·程序员