zoukankan      html  css  js  c++  java
  • 查找兄弟元素

    示例

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    <!DOCTYPE html>
    <html>
        <head>
            <title>访问元素</title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <style>
                .mycolor{
                    color:#fff;
                    
                }
                .steam{
                    color: red;
                }
            </style>
        </head>
        <body>
            <ul id="ul">
                <li id="ali">油条</li><li id="bli">包子</li><li id="cli">米饺</li><li id="dli"><a id="yufen">鱼粉</a></li>
            </ul>
            <script>
                // 查找父节点
                var tempel = document.getElementById("bli");
                tempel.className="steam";
                 
                var previousNode = tempel.previousSibling;
                previousNode.className="mycolor";
     
                var nextNode = tempel.nextSibling;
                nextNode.className="mycolor";
            </script>
        </body>
    </html>
  • 相关阅读:
    linq to entity group by 时间
    Entity Framework Core for Console
    EF Core 多个DbContext迁移命令
    .net for TCP服务端 && 客户端
    创建Windows Service
    EF Code First 快速创建
    在Docker中创建Mongo容器的后续设置
    Docker入门
    Python之collections.defaultdict
    Hough transform(霍夫变换)
  • 原文地址:https://www.cnblogs.com/max-hou/p/11168122.html
Copyright © 2011-2022 走看看