querySelector、querySelectorAll、attribute的运用以及 click的使用

最新推荐文章于 2025-02-24 23:24:00 发布

谁抢我豆豆

最新推荐文章于 2025-02-24 23:24:00 发布

阅读量1.4k

点赞数

分类专栏：小白日志文章标签： js html javascript 前端

本文链接：https://blog.csdn.net/SLL_boy/article/details/108552221

版权

本文详细探讨了JavaScript中的querySelector和querySelectorAll方法如何选择和操作HTML元素，以及attribute属性的使用方法。同时，介绍了click事件在前端交互中的应用，帮助开发者更好地理解和实践DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<!--不说了，继续表白林祤环-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
    
            margin: 0;
            padding: 0;
        }

        li {
    
            list-style-type: none;
        }

        .tab {
    
            width: 978px;
            margin: 100px auto;
        }

        .tab_list {
    
            height: 39px;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        .tab_list li {
    
            float: left