Как найти все картинки на странице?

Question

[rinaz22]

Всем привет! Есть простой лендинг. Хочу сделать для него админку.
Вопрос: как найти все (не только в теге img, а все)?
В php пробовал использовать регулярное выражение и найти по списку форматов, но думаю так не очень правильно, ведь формат картинок очень много и я не очень разбираюсь в регулярках в js.

Comments

[Николай Чуприк]

Если вы ставите вопрос шире чем просто img, то надо уточнить, что именно вы ищите, и даже более того, что вы считаете картинкой: тэг img, background-image в css — могу понять, а что насчёт растра внутри canvas или svg? Тоже вроде как картинки.

[rinaz22]

Николай Чуприк, нужно найти прямо все все картинки

[Ankhena]

document.getElementsByTagName('img') найдет все теги img
document.getElementsByTagName('svg') найдет svg
elem.style.backgroundImage проверяйте на наличие фоновой картинки, перебирая форматы, а не просто пусто или не пусто, а то туда попадут градиенты.

С canvas... ну если бы у вас были canvs'ы вы бы не задавали такой вопрос, опустим его.

[Николай Чуприк]

Ответьте, это картинка: https://codepen.io/miocene/pen/mjLPVp? А между тем там одни только div-ы.

[rinaz22]

Ankhena, не работает. Ошибка: Uncaught ReferenceError: elem is not defined

[Ankhena]

rinaz22, жестоко оно с вами..

elem это любой элемент.
Вам нужно написать функцию, которая будет перебирать все элементы внутри заданного (всего документа или только контентной части или где вы еще хотите поискать фон). Тогда вместо elem будет this.

Альтернатива - фриланс

[Николай Чуприк]

rinaz22,

var elemHasBGImg = [];
document.getElementsByTagName( '*' ).forEach( function()  {
    if ( this.style.backgroundImage.test( 'url' ) )
        elemHasBGImg.push( this )
} )

Как-то так, не тестировал.

Answer 1

[Stimulate]

console.log(document.getElementsByTagName('img'));

Comments

[rinaz22]

Если я не ошиблась, он находит все, где написано name='img'

[Артем Андреев]

rinaz22, нет по тегу должен искать

[Алексей Ярков]

rinaz22, ошиблась

[rinaz22]

Артем Андреев, я написал, нужно чтобы не только по тегу