按钮控制li标签背景改变颜色

最新推荐文章于 2021-07-10 05:03:08 发布

GUOSJIA

最新推荐文章于 2021-07-10 05:03:08 发布

阅读量1k

点赞数

分类专栏：前端文章标签： JavaScript

本文链接：https://blog.csdn.net/GUOSJIA/article/details/79520924

版权

这篇博客探讨了如何使用JavaScript来控制按钮点击事件，动态改变li元素的背景颜色，实现交互效果。

摘要由CSDN通过智能技术生成

JavaScript:btn控制<li></li>背景改变颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
        margin:0;
        padding:0;
        }
    </style>
</head>
<body>
<button id="btn">change</button>
<ul id="list">
    <li>
        <ul>
            <li>guosijia</li>
            <li>guozhentao</li>
            <li>renhuifeng</li>
        </ul>
    </li>
    <li>
        <ul>
            <li>guochunhui</li>
            <li>pengxinru</li>
            <li>zhanghaihui</li>
        </ul>
    </li>
    <li>
        <ul>
            <li>gaohaishan</li>
            <li>zhangmoyu</li>
            <li>zhangx