万年一更——吐血整理JavaScript—DOM操作-优快云博客

本文链接：https://blog.youkuaiyun.com/pipihan21/article/details/108655073

本文通过手写笔记的形式分享了JavaScript DOM操作的学习心得，并提供了一个利用DOM操作实现导航栏排他算法的示例。作者正在自学web开发，计划大三前完成个人网站的搭建。

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

一个多月没更了，返校之后各种忙哈哈哈哈，今天突然想起了我的博客。本次博客以手写笔记为主（因为感觉打字太慢，浪费时间）
啊这，大家别嫌我字丑！！！
在这里插入图片描述
因为大二想学习一下web开发，给自己立了一个小flag，大三前基本做出来一个属于自己的网站，最近一直在刷B站的视频。今天DOM操作算是学习完结吧。但还没咋实战过。这就有点不ZBC了。废话不多说，先来一张JavaScript基础重点知识
在这里插入图片描述
下面的手写笔记以JavaScriptDOM操作为主，学过C++或C或者其他语言的，基本上在逻辑理论上都能理解，学一门，门门通。

排他算法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Le</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div id="box">
        <ul id="nav">
            <li>Le简介</li>
            <li>开发领域</li>
            <li>合作伙伴</li>
            <li>Le成员</li>
            <li>Le发展前景</li>
            <li>联系方式</li>
        </ul>
    </div>
    <script>
        //鼠标经过改变背景色
        var ul=document.getElementById('nav');
        for(var i=0;i<ul.children.length;i++) {
            ul.children[i].onmouseover=function() {
                for(var j=0;j<ul.children.length;j++) {
                    ul.children[j].style.background='#00000000';
                }
                this.style.background='#00f2fe';
            }
        }
    </script>
</body>
</html>