Как перебрать все значения в getElementsByClassname и найти в них строку?

Question

[Максим К]

Всем привет.
Получаю список элементов на странице

var elements = document.getElementsByClassName("txtBlock");

Далее получаю кол-во элементов
var countElements = elements.length;

Прохожу по массиву элементов
for(i=0;i<countElements;i++){}

А дальше все затык (((( , т.е. если вводить countElements[0].InnerText , то я буду видеть значение в консоли

А как сделать поиск по всем элементам, найти нужный и взять его значение?

пробовал и через array, forEach - не идет и все (((

Comments

[Сослан Хлоев]

var elements = document.getElementsByClassName("txtBlock");

Вернет HTMLCollection. К нему неприменимы методы массивов. Если хотите их всё же применить, то преобразуйте в массив. Можно так

var elements = [...document.getElementsByClassName("txtBlock")];

или

var elements = document.getElementsByClassName("txtBlock");
elements = Array.from(elements);

[Максим К]

Сослан Хлоев, Да вот про эту коллекцию читал, поэтому и пытаюсь переделать под массив, получал undefine и все (( . А как дальше осущ . поиск?, например если есть строка такая - то сделать elements.InnerText & Пытаюсь разобраться по статьям https://learn.javascript.ru/array-methods

[Сослан Хлоев]

Максим К, можно как-то так

var elements = [...document.getElementsByClassName("txtBlock")];
elements.forEach(function (item) {
    if (item.innterText == "textForSearch") {
        console.log('found');
    } else {
        console.log('not found');
    }
});

В код поставьте ваши значения

[Максим К]

Сослан Хлоев,

var elements = [document.getElementsByClassName("txtBlock")];
var value = 'abc';
strs.find(
    function(str) {
        return str == value;
    }
);

Возвращает undefine, а если

var elements = ['abc'];
var value = 'abc';
strs.find(
    function(str) {
        return str == value;
    }
);

то все ок

[Сослан Хлоев]

Максим К, три точки забыли после открывающей квадратной скобки.

var elements = [...document.getElementsByClassName("txtBlock")];
var value = 'abc';
elements.find(
    function(str) {
        return str.innerText == value;
    }
);

Попробуйте так

[Максим К]

Сослан Хлоев, ((( undefine

[Сослан Хлоев]

Максим К, дайте html код страницы содержащей нужные данные. Протестирую.

[Максим К]

Сослан Хлоев, спасибо, разобрался. осталось еще много вопросов, может быть тоже знаете ответ? По факту есть сайт, на нем таблица с 2-я столбцами. Наименование классов : "class = name1" "class=name1 fio" . С помощью кода выше, получил строку с данными, но как узнать номер столбца? Писал: return [str.innerText == value;, str.indexof(value)] и прочие штучки из интернета, но номер в массиве так и не получил. (((

[Сослан Хлоев]

Максим К, можно использовать rowIndex + cellIndex, если я правильно понял

Answer 1

[VeryLongAgoDid]

var elements = document.getElementsByClassName("txtBlock");
var countElements = elements.length;

for (let i = 0; i < countElements; ++i) {
    console.log( elements[i] );
    if (...) {
        ...
    }
}