Как скрыть элемент по его имени?

Question

[andrey_levushkin]

Есть текстовое поле для ввода (input) с именем name="test"

Как с помощью JS скрыть его? (изменить его параметр display в стилях на 'none')

Использовать классы нельзя. Нужно как-то найти его по имени. Имя уникально - для других элементов не используется.

Answer 1

[Никита Михайлов]

input[name="test"] {
  display: none;
}

Точно так же можно найти и в JS через querySelector

Comments

[andrey_levushkin]

Не помогает.
Может быть из-за вложенности в несколько div?

[Никита Михайлов]

Нет, здесь разницы не будет. Приведите код

[Lord_Dantes]

andrey_levushkin, какие проблемы со вложенностью? Все работает. https://codepen.io/lord-dantes/pen/JjKYqdp

[Антон]

!important;

Answer 2

[dollar]

Например, так:

var arr = document.getElementsByName("test");
if (arr.length > 0) {
  arr[0].style.display = "none";
}

Answer 3

[Антон]

.myblock input:nth-child(3) {display: none!important;};

Если вложен в div можно указать ближайший див с уникальным именем, а в nth-child указать порядковый номер твоего инпута, но первый вариант от Никита Михайлов лучший.