Question

我正在尝试使用JS将背景图像分配到我的ul中的列表项。我有所有以升序编号命名的图像，对应于li中onload（）函数的id和调用参数。我编写了更改背景图像的函数，并在窗口加载window.onload时调用该函数但由于某种原因，它一切都行不通，如果有人可以帮助我，我会非常感激：）

<body>
<div id="wrapper">
    <header>
        <h1 class="wordmark">PROJECT KATANA</h1>
    </header>
    <section id="main">
        <ul class="playlist">
            <li class="track" id="1" onload="bgImage('1')">Title <span>- Artist</span></li>
            <li class="track" id="2" onload="bgImage('2')">Title <span>- Artist</span></li>
            <li class="track" id="3" onload="bgImage('3')">Title <span>- Artist</span></li>
            <li class="track" id="4" onload="bgImage('4')">Title <span>- Artist</span></li>
        </ul>
    </section>
</div>

<script>
function bgImage(number) {
    var pathStart = 'url(../project-katana/sources/images/';
    var ending = '.jpg)';
    var pathFull = pathStart + number + ending;
    var vElement = document.getElementById(number);

    vElement.style.backgroundImage = pathFull;
}

window.onload = function () {
    bgImage(number);
};

使用JS将背景图像分配到列表项

0 个答案: