更改没有ID的选择

问题描述

如何更改选择？选择标签中没有ID或其他任何内容。

<label class="Select__select__3sjwOXNYT2 EventList__pageSize__YFgjEw1xbV"
  >Einträge: 25
  <select>
    <option value="25">25</option>
    <option value="50">50</option>
    <option value="100">100</option>
  </select>
</label>

解决方法

 var element = document.getElementsByClassName("the name of the class");

您可以传递任意数量的类名，上面的语句返回给定类型的元素数组...

    DOCTYPE html>
    <html>
    <body>
    
    
    <label class="first">Einträge: 25
        <select>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
        </select>
        </label>
    
   
    
    
    <script>
    [].forEach.call(document.getElementsByClassName('first'),function(el) {
        el.style.color= 'green';
    });

    </script>
this line is another way u can select the classname
    <script>
let boxes = document.getElementsByClassName('first');

Array.from(boxes).forEach(v => v.style.background = 'red');



    </script>
    
    </body>
    </html>

这应该有助于您选择类名

我知道，但这对我没有帮助。

我尝试过

document.getElementsByClassName("Select__select__3sjwOXNYT2 EventList__pageSize__YFgjEw1xbV")[0].options[1].selected = true

和

document.getElementsByClassName("Select__select__3sjwOXNYT2 EventList__pageSize__YFgjEw1xbV")[0].selectedIndex = 1

但没有选择。

selection