JastaFly Jan 19 at 16:16

Селекторы HTML элементов в JavaScript

Easy

6 min

4.1K

JavaScript*HTML*

Tutorial

From sandbox

-6

Comments 16

ermouth Jan 19 at 17:53

nextElemtSibliting - ссылается на следующий

Будьте любезны, вычитайте текст. Ошибок очень много: getElementByClassName (пропущена s, Elements), nextElemtSibliting (правильно nextElementSibling), querySelectot и пр. Ну и с запятыми беда.

Pab10 Jan 19 at 18:10

Да и в заголовке какой-то скрип... JavaScrip!

постарался описать всё что есть

Боюсь тут и 10% нет :) Как минимум следовало упомянуть xpath, добавить ссылки на спецификации или хотя бы MDN для тех, кто хочет получить максимум информации.

Короче для факультатива 11 класса годится, но не более.

JastaFly Jan 20 at 12:35

Как минимум следовало упомянуть xpath

Возможно Вы правы. Не стал писать про xpath, так как он достаточно сложен и сам по себе тянет на отдельную статью.

Плюс имхо никогда не встречал xpath в коде фронтендеров, так как он сложно читается и для задач чего-то по проще за глаза хватает. А вот в автотестах без xpath уже никуда, но это уже не фронтенд, потому не стал касаться этой фичи

JastaFly Jan 20 at 12:41

Короче для факультатива 11 класса годится, но не более

Уровень статьи помечен как простой, так что на большее она и не рассчитана)

JastaFly Jan 20 at 14:43

Боюсь тут и 10% нет

А что ещё есть? xpath ну не как на 90% не тянет

Pab10 Jan 20 at 16:29

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors это без xpath.
https://developer.mozilla.org/en-US/docs/Web/XPath

MDN верно говорит,

XPath is mainly used in XSLT, but can also be used as a much more powerful way of navigating through the DOM of any XML-like language document using XPathExpression, such as HTML and SVG, instead of relying on the Document.getElementById() or Document.querySelectorAll() methods, the Node.childNodes properties, and other DOM Core features.

И собственно такого размера абзаца хватило бы, чтобы закрыть вопрос :) В конце концов селекторы нужны для навигации по нодам и все вот эти CSS костыли - это костыли, пусть и удобные. xpath создан как раз с целью навигации по XML документам любого типа, коими HTML-документы так же являются.

Я не ставлю оценку статье или комментариям, просто надеюсь, что следующие стати будут лучше, спасибо, что пытаетесь. Прошу прощения за духоту :)

JastaFly Jan 20 at 18:58

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors это без xpath.https://developer.mozilla.org/en-US/docs/Web/XPath

Ну всё-же xpath и псевдоклассы не тянут на 90%, а скорее где-то на 20%

спасибо, что пытаетесь

Вам спасибо за действительно объективные и полезные комментарии)

JastaFly Jan 20 at 12:27

Спасибо за замечания) Пробежался по тексту исправил опечатки

gishab Jan 20 at 12:36

Опять скрипит потертый JavaScript )

Metotron0 Jan 20 at 16:21

Извините за офтопик, вам русский язык — родной?

Я хотел было послать найденные мной ошибки по ctrl+enter, но прочиталь чуть дальше и понял, что это займёт много времени, поэтому не стал.

JastaFly Jan 20 at 19:03

прочиталь чуть дальше и понял, что это займёт много времени

Ну так отправьте те ошибки что уже успели найти, один фиг какое-то время уже потрачено. Я бы исправил хоть их и был бы Вам искренне признателен. А так чисто желчь излить пришли....

Metotron0 Jan 20 at 21:36

Я понимаю, когда человек пишет на чужом языке, или просто никогда не читал, а только пользовался языком на слух, поэтому допускает ошибки. Но у вас опечатки даже в названиях методов и атрибутов. Тут у меня два варианта: или у вас дислексия, или вы решили, что "и так схавают, а если найдут ошибки, просто буду их исправлять". Если это второй случай, то получается, что вы взялись за дело, которое даже не собирались сделать хорошо.

Отправил вам всё, что нашёл, кроме некоторых запятых, в которых я сам не уверен. К примеру, вокруг слова "например". Я бы поставил, но лень погружаться в правила.

Metotron0 Jan 24 at 10:28

Я вам отправил всё найденное, но вы даже "closets()" не исправили. Остальное и проверять не буду, потому что это уже не моя забота.

JastaFly Jan 27 at 16:22

Спасибо за Ваши замечания. Поправил

exemax Jan 24 at 09:27

Что то ни одного deprecated в MDN не увидел, а указываете "Устаревшие методы" , ненадо так :)

JastaFly Jan 27 at 16:38

Ну как бы deprecated с буржуйского переводится несколько иначе чем "устаревший" и имеет куда более строгий смысл. Да и в стандартах JS в deprecated, уходит только самый стрём, да и то не факт, тот-же eval() не задиприкейчен. В целом весь стандарт ES, это почти эталонный пример как не нужно развивать язык. Кучу говна приходится поддерживать из-за обратной совместимости, что вынуждает команды разработчиков, создавать свои внутренние стандарты и в них описывать какие из интерфейсов JS можно использовать, а какие точно зарубят на ревью. Я тут описал вполне обоснованное мнение, которое можно встретить как в командах фронтенда, так и уже классической литературе по JS.