найти html-элемент без правильного имени или идентификатора класса с помощью javascript

#javascript #html

#javascript #HTML

Вопрос:

У меня есть этот HTML-код

 <div class="option-wrapper">
    <label class="">
        <input type="checkbox" name="name" value="1" data-type-xml="select" aria-label="Untitled">
        <span lang="" class="option-label active">1</span>
    </label>
    <label class="">
        <input type="checkbox" name="name" value="2" data-type-xml="select" aria-label="Untitled">
        <span lang="" class="option-label active">2</span>
    </label>
</div>
 

я пытаюсь найти метки и установить «style =»display: none;»
вот так <label class="" style="display: none;>

моя проблема в том, что мне нужна только одна из меток в этом div. Но у меня нет имени класса или идентификатора, чтобы найти одну метку. Ребята, вы знаете решение для этого?

Комментарии:

1. Какой из ярлыков вы хотите установить значение display:none?

Ответ №1:

Используйте document.getElementsByTagName('label') вместо этого для всех конечных элементов, затем получите их со смещением массива. Или — для выбора первого — использовать document.getElementByTagName('label') . Обратите внимание на единственную версию второго селектора.

Или, более общий селектор, который вы можете использовать либо с классами, либо с тегами, либо с любой другой строкой запроса, будет document.querySelector('label') или document.querySelectorAll('label')