Css-селектор "отсутствия атрибута"

@kalabuni · Регистрация: 18.04.2012

Author24 — интернет-сервис помощи студентам

на странице имеется множество HTMLэлементов input
у большинства этих HTMLэлементов прописан атрибут type
но есть и HTMLэлементы input, у которых type не указан: понятное дело, по умолчанию браузер отображает их как текстовые поля

вопрос: можно ли, и как сконструировать CSS-селектор, который выберет все HTMLэлементы input, у которых не прописан атрибут type?

@mrtoxas · 27.09.2016, 19:08

Если вообще нет атрибута type - <input value="">:

Javascript

1	document.querySelectorAll('input:not([type])');

Если атрибут type есть, но его значение не указано - <input type="" value="">:

Javascript

1	document.querySelectorAll('input[type=""]');

@kalabuni · 27.09.2016, 19:20 **[ТС]**

mrtoxas,
HTML-код такого вида:
---------------------------------------
<input type="number">
<input type="text">
<input type="button">
<input>
<input type="radio">
<input>
<input type="reset">
<input>
<input type="text">
<input type="submit">
<input type="file">
-------------------------------------
ни о каких value (и прочих атрибутах) речи не было -- либо прописано какое-то непустое значение атрибута type, либо этого атрибута вовсе нет
необходимо в методе document.querySelectorAll ('прописать такой css-селектор'), чтобы метод вернул коллекцию из трёх элементов, выделенных в коде красным

@mrtoxas · 27.09.2016, 19:22

Тогда первый вариант. value я для красоты указал

@kalabuni · 27.09.2016, 19:29 **[ТС]**

спасибо, вариант document.querySelectorAll('input:not([type])') работает!

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
		1
	Css-селектор "отсутствия атрибута" 27.09.2016, 17:18. Показов 4271. Ответов 4 Метки нет (Все метки) на странице имеется множество HTMLэлементов input у большинства этих HTMLэлементов прописан атрибут type но есть и HTMLэлементы input, у которых type не указан: понятное дело, по умолчанию браузер отображает их как текстовые поля вопрос: можно ли, и как сконструировать CSS-селектор, который выберет все HTMLэлементы input, у которых не прописан атрибут type? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	27.09.2016, 19:20 [ТС]	3
	mrtoxas, HTML-код такого вида: --------------------------------------- <input type="number"> <input type="text"> <input type="button"> <input> <input type="radio"> <input> <input type="reset"> <input> <input type="text"> <input type="submit"> <input type="file"> ------------------------------------- ни о каких value (и прочих атрибутах) речи не было -- либо прописано какое-то непустое значение атрибута type, либо этого атрибута вовсе нет необходимо в методе document.querySelectorAll ('прописать такой css-селектор'), чтобы метод вернул коллекцию из трёх элементов, выделенных в коде красным 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	27.09.2016, 19:22	4
	Тогда первый вариант. value я для красоты указал 1

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	27.09.2016, 19:29 [ТС]	5
	спасибо, вариант document.querySelectorAll('input:not([type])') работает! 0

Css-селектор "отсутствия атрибута"

Решение