html 关于changeTab函数

5jdjgkvh 于 2022-12-09 发布在其他

关注(0)|答案(2)|浏览(224)

我是一个法语初学者的html代码，我有一个问题。我想使标签上我的网站，但js代码+ html代码不工作。所以你能帮助我吗？我会写脚本：
第一个
我不写整个代码，但如果你需要更多的信息，我会张贴他们。谢谢！
我想在我的网站上创建3个标签，但我不知道如何做到这一点。

<!DOCTYPE html>
<html>

<head>
    <link href="series.css"rel="stylesheet"/>
    <link href="commande.css"rel="stylesheet"/>
    <title class="titreprincipal">Les meilleures séries</title>
</head>
<body>
    <div class="content"> 
        <ul class="navbar">
            <li>
                <a class="active" href="#">Accueil</a>
                <a href="commande.html">Commandes</a>
                <a href="notes.html">Notes des séries</a>
                <a class="right" href="infos.html">Informations</a>
            </li>
        </ul>
<h1 class="h1_color">
    Les meilleures séries
</h1>
<div class="tab">
    <button class="tablinks active" onclick="changeTab(event, 'series')">Séries</button>
    <button class="tablinks" onclick="changeTab(event, 'animes')">Animés</button>
</div>
<div class="'series' 'tabcontent'">
    <div class="row">
        <div class="column col-33">
            <div class="card">
                <img src="breakingbad.jpg" alt="Image de Whalter White" class="avatar">
                <div class="container">
                    <h4>Breaking bad</h4>
                </div>
                <form>
                    <button class="button primary2" formaction="breakingbad.html" formtarget="_self">
                        Accéder
                    </button>
                </form>
            </div>
        </div>

        <div class="column col-33">
            <div class="card">
                <img src="bettercallsaul.jpg" alt="Image de Saul Goodman" class="avatar">
                <div class="container">
                    <h4>Better Call Sall</h4>
                </div>
                <form>
                    <button class="button primary2" formaction="bettercallsaul.html" formtarget="_self">
                        Accéder
                    </button>
                </form>
            </div>
        </div>
        <div class="column col-33">
            <div class="card">
                <img src="elcamino.jpg" alt="Image de Jesse Pinkman" class="avatar">
                <div class="container">
                    <h4>El Camino</h4>
                </div>
                <form>
                    <button class="button primary2" formaction="elcamino.html" formtarget="_self">
                        Accéder
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
<div style="display: none" class="animes tabcontent">
    <div class="row">
        <div class="column col-33">
            <div class="card">
                <img src="bleach.jpg" alt="Image de Ichigo" class="avatar">
                <div class="container">
                    <h4>Bleach</h4>
                </div>
                <form>
                    <button class="button primary2" formaction="bleach.html" formtarget="_self">
                        Accéder
                    </button>
                </form>
            </div>
        </div>
        <div class="column col-33">
            <div class="card">
                <img src="naruto.jpg" alt="Image de Naruto" class="avatar">
                <div class="container">
                    <h4>Naruto</h4>
                </div>
                <form>
                    <button class="button primary2" formaction="naruto.html" formtarget="_self">
                        Accéder
                    </button>
                </form>
            </div>
        </div>
        <div class="column col-33">
            <div class="card">
                <img src="onepiece.jpg" alt="Image des Mugiwara" class="avatar">
                <div class="container">
                    <h4>One piece</h4>
                </div>
                <form>
                    <button class="button primary2" formaction="onepiece.html" formtarget="_self">
                        Accéder
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
</div>

</body>
<script type="text/javascript" src="js/accueil.js"></script>
</html>

Html

来源：https://stackoverflow.com/questions/74703653/about-a-changetab-function

2条答案

按热度按时间

6g8kf2rb1#

您的程式码有些问题。

document.getElementById仅返回1个元素。在您的情况下，应使用document.getElementsByClassName，并使用class而不是id。
第一个
1.在for循环中，第二个条件是错误的，它应该是元素的长度，而不是元素本身。
1.您应该在.className上呼叫.replace
第一次

更新日期：

第一个

赞(0）回复(0）举报 2022-12-09

yrdbyhpb2#

在for循环中，第二个条件是错误的，它应该是元素的长度，而不是元素本身。

赞(0）回复(0）举报 2022-12-09