Динамически в функции JS формируется набор вложенных в существующий "невидимый visibility: hidden;" DIV.
<div id="невидимый div" style="visibility: hidden"></div>
Сама функция:
function createPage(){
..........
for (....) {
let page = document.createElement('div');
page.setAttribute('id','story_'+xxx);
page.setAttribute('story_id', xxx);
document.getElementById('невидимый div').appendChild(page);
};
getBook();
В отладчике, разумеется, присутствуют все сформированные элементы с заданными атрибутами.
Формируемая функция вызывает в конце другую функцию, которая должна отрабатывать со списком сформированных DIV. И вот тут наступает кердык: вызываемая функция нихрена не видит, а на подсчет кол-ва вложенных элементов
pages = elem.getElementsByTagName('div')
говорит, что их тама нету вовсе, возвращая
0. Соответственно никакого перебора элементов нету, ибо нехрен перебирать.
functuin getBook() {
let elem = document.getElementById('невидимый div');
let pages = elem.getElementsByTagName('div'); // все div внутри "невидимого" div == 0, хотя их внутри родителя > 20
alert('pages='+pages.length); // возвращает, зараза, НОЛЬ!!!
for (let page of pages) { // хотелось бы читать элементы... а их нету!!!
тут чо-то должна была бы делать, а не с чем
};
Если в первой функции записывать данные в заранее заданный массив, то вторая один хрен ничо в нём не видит...