JavaScript | Как получить список каких-либо HTML-элементов из документа?

JavaScript | Как получить список каких-либо HTML-элементов из документа?

Объектная модель документа (DOM) имеет интерфейс Document. В интерфейсе Document есть метод getElementsByTagName(), который позволяет получать объекты HTMLCollection — нужные нам списки элементов. Причём элементы коллекции тянут за собой всех потомков. Забор осуществляется в древовидном порядке, т. е. в том порядке, в котором они встречаются в разметке документа сверху вниз. Они никак не отфильтрованы и никак не структурированы.

На этой странице перечислены все возможные вариации получения каких-либо коллекций HTML-элементов из документа. Элементы пространства имён HTML упорядочены и идут в алфавитном порядке. Так сделано для простоты нахождения нужной комбинации кода.

Всего насчитывается 114 имён элементов HTML (2020 год): (кликай на нужный элемент, чтобы посмотреть JavaScript код)

a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, math, menu, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, slot, small, source, span, strong, style, sub, summary, sup, svg, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr

 

Как получить все элементы a?

document.getElementsByTagName("a")

Как получить все элементы abbr?

document.getElementsByTagName("abbr")

Как получить все элементы address?

document.getElementsByTagName("address")

Как получить все элементы area?

document.getElementsByTagName("area")

Как получить все элементы article?

document.getElementsByTagName("article")

Как получить все элементы aside?

document.getElementsByTagName("aside")

Как получить все элементы audio?

document.getElementsByTagName("audio")

Как получить все элементы b?

document.getElementsByTagName("b")

Как получить все элементы base?

document.getElementsByTagName("base")

Как получить все элементы bdi?

document.getElementsByTagName("bdi")

Как получить все элементы bdo?

document.getElementsByTagName("bdo")

Как получить все элементы blockquote?

document.getElementsByTagName("blockquote")

Как получить все элементы body?

document.getElementsByTagName("body")

Как получить все элементы br?

document.getElementsByTagName("br")

Как получить все элементы button?

document.getElementsByTagName("button")

Как получить все элементы canvas?

document.getElementsByTagName("canvas")

Как получить все элементы caption?

document.getElementsByTagName("caption")

Как получить все элементы cite?

document.getElementsByTagName("cite")

Как получить все элементы code?

document.getElementsByTagName("code")

Как получить все элементы col?

document.getElementsByTagName("col")

Как получить все элементы colgroup?

document.getElementsByTagName("colgroup")

Как получить все элементы data?

document.getElementsByTagName("data")

Как получить все элементы datalist?

document.getElementsByTagName("datalist")

Как получить все элементы dd?

document.getElementsByTagName("dd")

Как получить все элементы del?

document.getElementsByTagName("del")

Как получить все элементы details?

document.getElementsByTagName("details")

Как получить все элементы dfn?

document.getElementsByTagName("dfn")

Как получить все элементы dialog?

document.getElementsByTagName("dialog")

Как получить все элементы div?

document.getElementsByTagName("div")

Как получить все элементы dl?

document.getElementsByTagName("dl")

Как получить все элементы dt?

document.getElementsByTagName("dt")

Как получить все элементы em?

document.getElementsByTagName("em")

Как получить все элементы embed?

document.getElementsByTagName("embed")

Как получить все элементы fieldset?

document.getElementsByTagName("fieldset")

Как получить все элементы figcaption?

document.getElementsByTagName("figcaption")

Как получить все элементы figure?

document.getElementsByTagName("figure")
document.getElementsByTagName("footer")

Как получить все элементы form?

document.getElementsByTagName("form")

Как получить все элементы h1?

document.getElementsByTagName("h1")

Как получить все элементы h2?

document.getElementsByTagName("h2")

Как получить все элементы h3?

document.getElementsByTagName("h3")

Как получить все элементы h4?

document.getElementsByTagName("h4")

Как получить все элементы h5?

document.getElementsByTagName("h5")

Как получить все элементы h6?

document.getElementsByTagName("h6")

Как получить все элементы head?

document.getElementsByTagName("head")

Как получить все элементы header?

document.getElementsByTagName("header")

Как получить все элементы hgroup?

document.getElementsByTagName("hgroup")

Как получить все элементы hr?

document.getElementsByTagName("hr")

Как получить все элементы html?

document.getElementsByTagName("html")

Как получить все элементы i?

document.getElementsByTagName("i")

Как получить все элементы iframe?

document.getElementsByTagName("iframe")

Как получить все элементы img?

document.getElementsByTagName("img")

Как получить все элементы input?

document.getElementsByTagName("input")

Как получить все элементы ins?

document.getElementsByTagName("ins")

Как получить все элементы kbd?

document.getElementsByTagName("kbd")

Как получить все элементы label?

document.getElementsByTagName("label")

Как получить все элементы legend?

document.getElementsByTagName("legend")

Как получить все элементы li?

document.getElementsByTagName("li")
document.getElementsByTagName("link")

Как получить все элементы main?

document.getElementsByTagName("main")

Как получить все элементы map?

document.getElementsByTagName("map")

Как получить все элементы mark?

document.getElementsByTagName("mark")

Как получить все элементы math?

document.getElementsByTagName("math")

Как получить все элементы menu?

document.getElementsByTagName("menu")

Как получить все элементы meta?

document.getElementsByTagName("meta")

Как получить все элементы meter?

document.getElementsByTagName("meter")

Как получить все элементы nav?

document.getElementsByTagName("nav")

Как получить все элементы noscript?

document.getElementsByTagName("noscript")

Как получить все элементы object?

document.getElementsByTagName("object")

Как получить все элементы ol?

document.getElementsByTagName("ol")

Как получить все элементы optgroup?

document.getElementsByTagName("optgroup")

Как получить все элементы option?

document.getElementsByTagName("option")

Как получить все элементы output?

document.getElementsByTagName("output")

Как получить все элементы p?

document.getElementsByTagName("p")

Как получить все элементы param?

document.getElementsByTagName("param")

Как получить все элементы picture?

document.getElementsByTagName("picture")

Как получить все элементы pre?

document.getElementsByTagName("pre")

Как получить все элементы progress?

document.getElementsByTagName("progress")

Как получить все элементы q?

document.getElementsByTagName("q")

Как получить все элементы rp?

document.getElementsByTagName("rp")

Как получить все элементы rt?

document.getElementsByTagName("rt")

Как получить все элементы ruby?

document.getElementsByTagName("ruby")

Как получить все элементы s?

document.getElementsByTagName("s")

Как получить все элементы samp?

document.getElementsByTagName("samp")

Как получить все элементы script?

document.getElementsByTagName("script")

Как получить все элементы section?

document.getElementsByTagName("section")

Как получить все элементы select?

document.getElementsByTagName("select")

Как получить все элементы slot?

document.getElementsByTagName("slot")

Как получить все элементы small?

document.getElementsByTagName("small")

Как получить все элементы source?

document.getElementsByTagName("source")

Как получить все элементы span?

document.getElementsByTagName("span")

Как получить все элементы strong?

document.getElementsByTagName("strong")

Как получить все элементы style?

document.getElementsByTagName("style")

Как получить все элементы sub?

document.getElementsByTagName("sub")

Как получить все элементы summary?

document.getElementsByTagName("summary")

Как получить все элементы sup?

document.getElementsByTagName("sup")

Как получить все элементы svg?

document.getElementsByTagName("svg")

Как получить все элементы table?

document.getElementsByTagName("table")

Как получить все элементы tbody?

document.getElementsByTagName("tbody")

Как получить все элементы td?

document.getElementsByTagName("td")

Как получить все элементы template?

document.getElementsByTagName("template")

Как получить все элементы textarea?

document.getElementsByTagName("textarea")

Как получить все элементы tfoot?

document.getElementsByTagName("tfoot")

Как получить все элементы th?

document.getElementsByTagName("th")

Как получить все элементы thead?

document.getElementsByTagName("thead")

Как получить все элементы time?

document.getElementsByTagName("time")

Как получить все элементы title?

document.getElementsByTagName("title")

Как получить все элементы tr?

document.getElementsByTagName("tr")

Как получить все элементы track?

document.getElementsByTagName("track")

Как получить все элементы u?

document.getElementsByTagName("u")

Как получить все элементы ul?

document.getElementsByTagName("ul")

Как получить все элементы var?

document.getElementsByTagName("var")

Как получить все элементы video?

document.getElementsByTagName("video")

Как получить все элементы wbr?

document.getElementsByTagName("wbr")

 

Ссылки

DOM стандарт на русском языке — https://efim360.ru/dom/

Читайте перевод полной версии стандарта «объектной модели документа», чтобы ознакомиться со всеми концепциями и интерфейсами.

DOMLiving Standardhttps://dom.spec.whatwg.org

Читайте официальную документацию живого стандарта «объектной модели документа», чтобы быть в курсе последних изменений.

HTMLLiving Standard https://html.spec.whatwg.org/

Более подробную информацию обо всех HTML-элементах можно получить в таблице на официальной странице живого стандарта HTMLhttps://html.spec.whatwg.org/#elements-3