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

关注

VIP免费原创最新推荐文章于 2026-04-09 15:05:57 发布 1.2k 阅读 AI 写同款· GEO 优化 ›

使用JS DOM操作将奇偶数列li背景色设置为不同颜色要求：页面加载完成后将奇数列li的背景色设置为红色，偶数列li背景色设置为绿色浏览器效果：看完效果图，下面就是怎么实现的问题了： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ol</title> &lt 阅读详情

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>zhangxinjie</li>
        </ul>
    </li&