使用javascript更改类元素数组中第一个元素的样式

我有这个html代码，它有一个列表。在我的css列表中，名称设置为display='none'

当dom页面打开时，我需要显示class=“listName”的第一个元素。。显然，js中的这个类是一个数组。。你能给我看看吗

我需要使页面更加用户友好。我需要显示一个li，如果用户决定预订更多装运，他可以单击添加更多装运以显示另一个li

css文件具有以下特性

.listHolder {
    display: none;
}

这是它现在的样子

项目说明
资产状况
包装材料
尺寸
长x宽x高（英寸）
重量
磅
有多少货盘



项目说明
资产状况
包装材料
尺寸
长x宽x高（英寸）
重量
磅
有多少货盘



项目说明
资产状况
包装材料
尺寸
长x宽x高（英寸）
重量
磅
有多少货盘



添加更多装运

您可以获得类为“listName”的元素列表，并更改该列表的第一个元素

Javascript

window.onload = function(){
   // Get elements with class name 
   var elements_array = document.getElementsByClassName("listName");
   // Change first element
   elements_array[0].style.display = "block";
}

window.onload=function（）{
//获取具有类名的元素
var elements_array=document.getElementsByClassName（“listName”）；
//更改第一个元素
数组[0]中的元素。style.display=“block”；
}

.listName{
显示：无；
}

Macbook


亚马逊火棍


键盘


耳机


机场

我认为您可以使用JavaScript

<script type="text/javascript">
    // create the function with JavaScript
    function removerClass() {
        // get all elements with listName class
        let element = document.getElementsByClassName("listName");
        // get the first element
        element = element[0];
        // remove the element's class
        element.classList.remove("listName");
    }

    // call the function when the page is loaded 
    removerClass() 
</script>

//使用JavaScript创建函数
函数类（）{
//使用listName类获取所有元素
let element=document.getElementsByClassName（“listName”）；
//获取第一个元素
元素=元素[0]；
//删除元素的类
element.classList.remove（“listName”）；
}
//加载页面时调用函数
删除类（）

我希望它有用

你为什么想要它

<script type="text/javascript">
    // create the function with JavaScript
    function removerClass() {
        // get all elements with listName class
        let element = document.getElementsByClassName("listName");
        // get the first element
        element = element[0];
        // remove the element's class
        element.classList.remove("listName");
    }

    // call the function when the page is loaded 
    removerClass() 
</script>